Jessica_Gardner
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); } }