#home{background:url(/_next/static/media/nicewinter.fddd54bc.png) no-repeat 50%/cover;height:110vh;margin-top:-70px}#home .heroText{top:-5vh;left:13vw;color:#fff;position:relative;background:#f2f0d8;width:600px;height:180px;opacity:.2;display:none}#home .pText{color:#5d75a6;display:inline-block;top:30vh;left:13vw;position:relative;font-size:4rem;z-index:1}#home .heroMe{position:relative;top:-10vh;left:30vw;opacity:.3;border-radius:50%}#home .heroMe:hover{width:300px;height:300px;top:-50vh;left:10vw;opacity:1}.flexContainerAbout{display:grid;grid-template-areas:"heading heading" "photo text";margin-top:10vh;padding-top:90px;background:#f2f0d8}#myImg{height:30vh;border-radius:50%;margin:10px 20px;grid-area:photo}#aboutHeading{grid-area:heading;text-align:center}.aboutText{grid-area:text}#skills{margin:0 auto 1rem;background:#2e3d59;padding:90px 1rem 1rem}.phpProgress{width:100%}.phpProgress,.symfonyProgress{height:10px;background:#f2a172}.symfonyProgress{width:70%}.phpunitProgress{width:8%;height:10px;background:#f2a172}.mysqlProgress{width:70%;height:10px;background:#f2a172}.mongodbProgress{width:65%;height:10px;background:#f2a172}.restProgress{width:63%}.reactProgress,.restProgress{height:10px;background:#f2a172}.reactProgress{width:50%}.nextProgress{width:45%}.nextProgress,.reduxProgress{height:10px;background:#f2a172}.reduxProgress{width:20%}.sassProgress{width:15%;height:10px;background:#f2a172}.jestpuppeterProgress{width:7%;height:10px;background:#f2a172}.footerContainer{display:grid;grid-template-columns:repeat(3,1fr);background:#f2a172;padding:1rem}body,html{margin:2px;padding:0;font-family:Grandstander,cursive;background:#f2f0d8;line-height:1.5}h1,h2,h3{color:#5d75a6}.textBackground{background:#333}.bottomLine{height:2px;width:2rem;background:#f2a172;display:block}.bottomLine100{height:4px;width:100vw;background:#5d75a6;display:block;box-shadow:0 5px 10px 0 rgba(0,0,0,.3)}@media screen and (max-width:750px){body,html{display:inline-block;margin:2px;padding:2px}#home{margin:0;padding:0;height:50vh;width:100%}#home .pText{display:none}#home:after{content:"Peder Nylander";position:absolute;color:#2e3d59;font-size:2rem;margin-top:15vh}#home .heroText{display:none}.footerContainer{grid-template-columns:1fr}.footerContainer .mail,.footerContainer .phone{border-top:1px dotted #f2f0d8}.flexContainerAbout{grid-template-areas:"heading" "photo" "text";margin-left:2px;margin-right:auto;align-items:center}}@media(max-height:580px){body,html{display:inline-block;margin:2px;padding:2px}#home{margin:0;padding:0;height:70vh;width:100%}#home .pText{display:none}#home:after{content:"Peder Nylander";position:absolute;color:#f2a172;font-size:2rem;margin-top:45vh}#home .heroText{display:none}}