/* Here goes temp css to create the base structure of main contents */

.div1 {
    border: 2px dashed;
    border-color: brown;
    align-items: center;
    align-self: center;
    background-color: rgba(25, 27, 94, 0.1);
    margin-bottom: 80px;
    height: auto;
    width: 100vw;
}

.div2 {
    border: 2px dashed;
    border-color: rgb(135, 196, 39);

    background-color: rgba(25, 27, 94, 0.1);
    margin: 10px;
    margin-top: 150px;
    height: 400px;
    box-sizing: border-box;
}

.div3 {
    border: 2px dashed;
    border-color: rgb(51, 147, 172);

    background-color: rgba(25, 27, 94, 0.1);
    margin: 10px;
    margin-top: 150px;

    height: 400px;
    box-sizing: border-box;
}

.div4 {
    border: 2px dashed;
    border-color: rgb(128, 27, 106);

    background-color: rgba(25, 27, 94, 0.1);
    margin: 10px;
    margin-top: 150px;

    height: 400px;
    box-sizing: border-box;
}

.div5 {
    border: 2px dashed;
    border-color: rgb(162, 116, 206);

    background-color: rgba(25, 27, 94, 0.1);

    height: 30px;
    width: 30px;
    box-sizing: border-box;
}

.div6 {
    border: 2px dashed;
    border-color: rgb(36, 61, 29);

    background-color: rgba(25, 27, 94, 0.1);

    height: 30px;
    width: 30px;
    box-sizing: border-box;
}

.div7 {
    border: 2px dashed;
    border-color: rgb(143, 50, 101);

    background-color: rgba(25, 27, 94, 0.1);

    height: 30px;
    width: 30px;
    box-sizing: border-box;
}

.div8 {
    border: 2px dashed;
    border-color: rgb(78, 176, 206);

    background-color: rgba(25, 27, 94, 0.1);

    height: 30px;
    width: 30px;
    box-sizing: border-box;
}

.div9 {
    border: 2px dashed;
    border-color: rgb(31, 136, 223);

    background-color: rgba(25, 27, 94, 0.1);

    height: 30px;
    width: 30px;
    box-sizing: border-box;
}