@AlexandriasTech

 avatar
unknown
css
3 years ago
4.8 kB
11
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. */
body {
    font-family: 'Lato', sans-serif
'Open Sans', sans-serif
'Roboto', sans-serif
'Work Sans', sans-serif;
}


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


/* Beginning of styles for block div-image1. */


.div-image1__img__image1 {
    height: 99px;
    width: 99px;
}


/* Beginning of styles for block div-image2. */


.div-image2__img__image2 {
    height: 99px;
    width: 99px;
}


/* Beginning of styles for block div-image3. */


.div-image3__img__image3 {
    height: 99px;
    width: 99px;
}


/* Beginning of styles for block div-image4. */


.div-image4__img__image4 {
    height: 151px;
    width: 151px;
}


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


.div-image5__img__image5 {
    height: 622px;
    width: 630px;
}


/* Beginning of styles for block div-image6. */


.div-image6__img__image6 {
    height: 99px;
    width: 99px;
}


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


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


.div_1__h2__text8 {
    color: rgb(18, 18, 18);
    font-size: 34px;
    margin-top: 73px;
}


.div_1__p__text6 {
    color: rgb(19, 19, 19);
    font-size: 43px;
    margin-top: 6px;
}

.div_1__p__text7 {
    color: rgb(19, 19, 19);
    font-size: 44px;
    margin-top: 85px;
}


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


.div_1-row_0__h1__text5 {
    color: rgb(4, 4, 4);
    font-size: 93px;
}


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


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


/* Beginning of styles for block header. */


.header__button__button1 {
    background-color: rgb(253, 253, 253);
    border-radius: 0px;
    color: rgb(12, 12, 12);
    font-size: 32px;
    height: 97px;
    padding: -33px -58px;
    width: 301px;
}

.header__checkbox {
    display: none;
}


/* Beginning of styles for block header2. */
#header2 {
    align-items: center;
    background-color: rgb(35, 35, 35);
    display: flex;
    height: 165px;
    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 nav5. */
.nav5 {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 515px;
}


.nav5__a__txtnav50 {
    color: rgb(244, 244, 244);
    font-size: 34px;
}

.nav5__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(255, 255, 255);
    display: flex;
    justify-content: center;
    padding-top: 128px;
    width: 100%;
}


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

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

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

/* Beginning of styles for 1200px width. */
@media(max-width: 1200px) {
    #div_1 {
        width: 100%;
    }
    #div_1-row_0 {
        width: 100%;
    }
    #div_3 {
        width: 100%;
    }
    #header2 {
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .header__checkbox:checked ~ .nav5 {
        display: flex;
        flex-direction: column;
    }
    .icon_menu {
        display: flex;
        margin-right: 15px;
    }
    .nav5 {
        display: none;
        position: absolute;
        width: 100%;
        top: 133px;
    }
    .nav5__ul {
        flex-direction: column;
        background-color: rgb(37, 37, 37);
    }
}

Editor is loading...