Jessica_Gardner

mail@pastecode.io avatar
unknown
css
2 years ago
5.3 kB
6
Indexable
Never
/*******************************/
/* 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-image2. */


.div-image2__img__image2 {
    height: 267px;
    width: 200px;
}


/* Beginning of styles for block div-image3. */
#div-image3 {
    margin-top: 80px;
}


.div-image3__img__image3 {
    height: 147px;
    width: 196px;
}


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


.div_0__h2__text13 {
    color: rgb(120, 120, 120);
    font-size: 10px;
    margin-top: 3px;
}

.div_0__h2__text9 {
    color: rgb(67, 67, 67);
    font-size: 17px;
    margin-top: 71px;
}


.div_0__p__text11 {
    color: rgb(107, 107, 107);
    font-size: 10px;
    margin-top: 26px;
}

.div_0__p__text12 {
    color: rgb(107, 107, 107);
    font-size: 10px;
    margin-top: 1px;
}


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


.div_0-row_0__h2__text8 {
    color: rgb(118, 162, 176);
    font-size: 10px;
}


/* 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: 291px;
}


.div_1__h1__text5 {
    color: rgb(72, 72, 72);
    font-size: 18px;
}


.div_1__h2__text10 {
    color: rgb(72, 72, 72);
    font-size: 20px;
    margin-top: 37px;
}

.div_1__h2__text17 {
    color: rgb(108, 108, 108);
    font-size: 10px;
    margin-top: 1px;
}


.div_1__p__text16 {
    color: rgb(106, 106, 106);
    font-size: 10px;
    margin-top: 1px;
}

.div_1__p__text6 {
    color: rgb(106, 106, 106);
    font-size: 12px;
    margin-top: 23px;
}

.div_1__p__text7 {
    color: rgb(118, 118, 118);
    font-size: 10px;
    margin-top: 3px;
}


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


/* Beginning of styles for block div_1-row_5-col_0. */
#div_1-row_5-col_0 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    width: 279px;
}


.div_1-row_5-col_0__p__text14 {
    color: rgb(107, 107, 107);
    font-size: 11px;
}

.div_1-row_5-col_0__p__text15 {
    color: rgb(108, 108, 108);
    font-size: 11px;
    margin-top: 11px;
}


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


/* Beginning of styles for block header. */

.header__checkbox {
    display: none;
}


.header__img__image1 {
    object-fit: cover;
    width: 100px;
}


/* Beginning of styles for block header0. */
#header0 {
    align-items: center;
    background-color: rgb(254, 254, 254);
    display: flex;
    height: 145px;
    justify-content: space-around;
    width: 100%;
}


/* Beginning of styles for block icon_menu. */
.icon_menu {
    cursor: pointer;
    display: none;
    font-size: 25px;
}


/* Beginning of styles for block nav2. */
.nav2 {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 429px;
}


.nav2__a__txtnav20 {
    color: rgb(62, 62, 62);
    font-size: 16px;
}

.nav2__ul {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}


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


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

/* Beginning of styles for 480px width. */
@media(max-width: 480px) {
    #div_0 {
        width: 100%;
    }
    #div_0-row_0 {
        width: 100%;
    }
    #div_1 {
        width: 100%;
    }
    #div_1-row_5 {
        width: 100%;
    }
    #div_1-row_5-col_0 {
        width: 100%;
    }
}

/* Beginning of styles for 800px width. */
@media(max-width: 800px) {
    #div_2 {
        width: 100%;
    }
}

/* Beginning of styles for 1200px width. */
@media(max-width: 1200px) {
    #header0 {
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    #header0-div-image1 {
        margin-left: 15px;
    }
    .header__checkbox:checked ~ .nav2 {
        display: flex;
        flex-direction: column;
    }
    .icon_menu {
        display: flex;
        margin-right: 15px;
    }
    .nav2 {
        display: none;
        position: absolute;
        width: 100%;
        top: 114px;
    }
    .nav2__ul {
        flex-direction: column;
        background-color: rgb(254, 254, 254);
    }
}