Insta

 avatar
unknown
css
3 years ago
6.7 kB
6
Indexable
/*******************************/
/* Beginning of common styles. */
/*******************************/

/* Beginning of styles for block *. */
* {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}


/* Beginning of styles for block body. */


/* Beginning of styles for block button. */
button {
    display: block;
}


/* Beginning of styles for block div-footer3. */
#div-footer3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 1361px;
}


/* Beginning of styles for block div-footer3-row_0. */
#div-footer3-row_0 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 0px;
    width: 1411px;
}


.div-footer3-row_0__p__txtfooter313 {
    color: rgb(152, 152, 152);
    font-size: 19px;
}

.div-footer3-row_0__p__txtfooter314 {
    color: rgb(150, 150, 150);
    font-size: 20px;
}

.div-footer3-row_0__p__txtfooter315 {
    color: rgb(152, 152, 152);
    font-size: 26px;
}

.div-footer3-row_0__p__txtfooter316 {
    color: rgb(154, 154, 154);
    font-size: 21px;
}

.div-footer3-row_0__p__txtfooter317 {
    color: rgb(152, 152, 152);
    font-size: 27px;
}

.div-footer3-row_0__p__txtfooter318 {
    color: rgb(151, 151, 151);
    font-size: 19px;
}

.div-footer3-row_0__p__txtfooter319 {
    color: rgb(152, 152, 152);
    font-size: 26px;
}

.div-footer3-row_0__p__txtfooter320 {
    color: rgb(150, 150, 150);
    font-size: 19px;
}

.div-footer3-row_0__p__txtfooter321 {
    color: rgb(150, 150, 150);
    font-size: 26px;
}

.div-footer3-row_0__p__txtfooter322 {
    color: rgb(152, 152, 152);
    font-size: 26px;
}

.div-footer3-row_0__p__txtfooter323 {
    color: rgb(152, 152, 152);
    font-size: 20px;
}

.div-footer3-row_0__p__txtfooter324 {
    color: rgb(150, 150, 150);
    font-size: 27px;
}


/* Beginning of styles for block div-footer3-row_1. */
#div-footer3-row_1 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 0px;
    margin-top: 18px;
    width: 770px;
}


.div-footer3-row_1__p__txtfooter325 {
    color: rgb(150, 150, 150);
    font-size: 20px;
}

.div-footer3-row_1__p__txtfooter326 {
    color: rgb(152, 152, 152);
    font-size: 20px;
}

.div-footer3-row_1__p__txtfooter327 {
    color: rgb(150, 150, 150);
    font-size: 22px;
}

.div-footer3-row_1__p__txtfooter328 {
    color: rgb(149, 149, 149);
    font-size: 22px;
}

.div-footer3-row_1__p__txtfooter329 {
    color: rgb(150, 150, 150);
    font-size: 22px;
}


/* Beginning of styles for block div-footer3-row_2. */
#div-footer3-row_2 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 0px;
    margin-top: 47px;
    width: 532px;
}


.div-footer3-row_2__p__txtfooter330 {
    color: rgb(149, 149, 149);
    font-size: 26px;
}

.div-footer3-row_2__p__txtfooter331 {
    color: rgb(150, 150, 150);
    font-size: 27px;
}


/* Beginning of styles for block div-image1. */
#div-image1 {
    margin-right: 5px;
}


.div-image1__img__image1 {
    height: 1235px;
    width: 811px;
}


/* Beginning of styles for block div_0. */
#div_0 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 5px;
    width: 881px;
}


/* Beginning of styles for block div_1. */
#div_1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 5px;
    text-align: center;
    width: 699px;
}


.div_1__button__button6 {
    background-color: rgb(197, 223, 250);
    border-radius: 0px;
    color: rgb(251, 253, 254);
    font-size: 30px;
    height: 70px;
    margin-top: 52px;
    padding: -21px -232px;
    width: 542px;
}

.div_1__button__button8 {
    background-color: rgb(219, 219, 219);
    border-radius: 0px;
    color: rgb(63, 88, 113);
    font-size: 31px;
    height: 125px;
    margin-top: 70px;
    padding: -40px -138px;
    width: 689px;
}


.div_1__h1__text1 {
    color: rgb(44, 44, 44);
    font-size: 108px;
}


.div_1__h2__text2 {
    color: rgb(151, 151, 151);
    font-size: 27px;
    margin-top: 95px;
}

.div_1__h2__text3 {
    color: rgb(151, 151, 151);
    font-size: 22px;
    margin-top: 62px;
}

.div_1__h2__text5 {
    color: rgb(146, 146, 146);
    font-size: 21px;
    margin-top: 33px;
}

.div_1__h2__text6 {
    color: rgb(71, 90, 136);
    font-size: 30px;
    margin-top: 64px;
}

.div_1__h2__text7 {
    color: rgb(43, 76, 119);
    font-size: 27px;
    margin-top: 47px;
}

.div_1__h2__text9 {
    color: rgb(56, 56, 56);
    font-size: 29px;
    margin-top: 33px;
}


/* Beginning of styles for block div_1-row_9. */
#div_1-row_9 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 0px;
    margin-top: 41px;
    width: 633px;
}


.div_1-row_9__button__button2 {
    background-color: rgb(5, 5, 5);
    border-radius: 0px;
    color: rgb(226, 226, 226);
    font-size: 39px;
    height: 92px;
    padding: -38px -95px;
    width: 288px;
}

.div_1-row_9__button__button5 {
    background-color: rgb(3, 3, 3);
    border-radius: 0px;
    color: rgb(225, 225, 225);
    font-size: 37px;
    height: 90px;
    padding: -33px -92px;
    width: 284px;
}


/* Beginning of styles for block div_2. */
#div_2 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1621px;
}


/* Beginning of styles for block footer3. */
#footer3 {
    align-items: center;
    background-color: rgb(250, 250, 250);
    display: flex;
    height: 203px;
    justify-content: center;
    margin-top: 6px;
    width: 100%;
}


/* Beginning of styles for block section_0. */
#section_0 {
    align-items: center;
    background-color: rgb(250, 250, 250);
    display: flex;
    justify-content: center;
    padding-top: 1px;
    width: 100%;
}


/******************************/
/* Beginning of media styles. */
/******************************/

/* Beginning of styles for 480px width. */
@media(max-width: 480px) {
    #div-footer3-row_2 {
        width: 100%;
    }
}

/* Beginning of styles for 800px width. */
@media(max-width: 800px) {
    #div-footer3-row_1 {
        width: 100%;
    }
    #div_1 {
        width: 100%;
    }
    #div_1-row_9 {
        width: 100%;
    }
}

/* Beginning of styles for 1200px width. */
@media(max-width: 1200px) {
    #div-footer3 {
        width: 100%;
    }
    #div-footer3-row_0 {
        width: 100%;
    }
    #div_0 {
        width: 100%;
    }
    #div_2 {
        width: 100%;
    }
}