body{margin:30px 30px;padding:0;font-family:"Roboto",sans-serif}h1,p{margin:0}.menu{display:grid;grid-template-columns:repeat(2,1fr)}.menu label{display:none;font-size:20px;color:#808080;cursor:pointer}@media only screen and (max-width:600px){.menu label{display:block}.menu .menu--items{display:none;position:absolute;margin:26px 0 26px -30px;background-color:white;width:100%;box-shadow:0px 12px 19px -10px #cd7cf2}.menu .menu--items p{font-size:20px;margin:10px 0}.menu .menu--items p:hover{border-bottom:2px solid #f9cce6}.menu #toggle:checked+.menu--items{display:block}}.menu #toggle{display:none}.menu--items{display:grid;grid-template-columns:repeat(5,1fr);justify-items:center}.menu--items a{width:100%;text-align:center;padding:15px 0;border-bottom:2px solid #f9cce6;text-decoration:none;color:black}.menu--items a:hover{border-bottom:4px solid #cd7cf2;color:#cd7cf2}.menu--userName{margin:auto 0px auto auto;color:#808080;font-size:20px}.hero{display:grid;grid-template-columns:1fr 1fr;color:#808080;align-items:center;grid-template-areas:"textZone imageZone"}@media only screen and (max-width:992px){.hero .hero--title{font-size:25px}}@media only screen and (max-width:600px){.hero{grid-template-areas:"textZone textZone" "imageZone imageZone"}.hero .hero--title{font-size:20px;text-align:center}}.hero .highlighted{color:black}.hero--title{-ms-grid-row:1;-ms-grid-column:1;font-size:35px;grid-area:textZone}.hero--button{margin-top:15px;color:white;border:none;font-size:20px;padding:15px 50px;border-radius:10px;font-weight:600;background:#cd7cf2}.hero--textHighligh{color:#cd7cf2;font-weight:600}.hero--image{-ms-grid-row:1;-ms-grid-column:2;text-align:center;grid-area:imageZone}@media only screen and (max-width:600px){.hero--title{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.hero--image{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}}.hero--image__size{width:100%}.footer{color:#808080}.footer p{text-align:center}