@AlexandriasTech
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...