@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);:root{--primary-color:#fcfcfc;--primary-dark-color:#192750;--font-family:"Roboto",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;font-family:var(--font-family)}h2{font-size:1.6rem}h3{font-size:1.4rem}p{font-size:1.2rem}a{text-decoration:none}body{background-color:var(--primary-color)}#__next{border-color:red;width:100%;height:100%;display:grid;grid-gap:30px;grid-template-columns:minmax(320px,1fr);grid-template-rows:50px 1fr 50px;grid-template-areas:"Header" "Main" "Footer"}.Header{background-color:var(--primary-color);box-shadow:0 0 10px 1px rgba(0,0,0,.09);width:100%;min-width:320px;height:50px;display:flex;justify-content:space-around;padding:1rem;position:fixed;z-index:20}.Header-title-container{width:50%;display:flex;justify-content:center;align-items:center}.Header-title{font-size:2rem;font-weight:700}.Header-menu{width:50%;display:flex;justify-content:flex-end;align-items:center}.Header-nav-list{display:flex;list-style:none}.Header-nav-list li{margin:0 10px}.Menu{background-color:#000;width:50%;height:100vh;margin:5rem 0 0;display:flex;justify-content:flex-end;position:fixed;z-index:10}.Menu-list{width:100%;height:auto;padding:1.5rem}.Menu-list li{border:1px solid var(--primary-color);color:var(--primary-color);width:100%;height:30px;display:flex;align-items:center;justify-content:center;margin:0 0 1.5rem}.Menu-list a:hover li{background-color:var(--primary-color);color:#000}.Main{width:100%;min-width:320px;height:100%;grid-area:Main}.post{background-size:cover;background-position:50%;background-repeat:no-repeat}.web{background-image:url(/_next/static/media/web.7e2216cf7e7f734b66da637d3012fbdb.png)}.html{background-image:url(/_next/static/media/html.1014c99f163ba1466ae75012de998a65.png)}.css{background-image:url(/_next/static/media/css.f13a1ea94c978e76b83c31492b3e70bc.png)}.javascript{background-image:url(/_next/static/media/javascript.6829433b4d6b57f8618d6841c5746cfe.png)}.PostCard{width:90%;min-width:288px;max-width:432px;height:350px;max-height:350px;margin:0 auto 3rem}.PostCard-content{background-color:var(--primary-color);box-shadow:0 0 10px 1px rgba(0,0,0,.09);border-radius:10px;width:100%;height:100%}.PostCard-img{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:180px;min-height:180px;max-height:180px;display:flex;justify-content:center;align-items:center}.PostCard-data{border-color:#e6e6fa;height:170px;max-height:170px;display:flex;flex-direction:column;padding:1rem}.PostCard-title{margin:1rem 0;grid-area:title}.PostCard-summary{grid-area:summary}.PostCard-button{background-color:#000;border:none;border-radius:4px;color:var(--primary-color);width:60px;height:25px;font-size:1.05rem;align-self:flex-end;margin-top:3rem;transition:scale .5s;transition:background-color .3s}.PostCard-button:hover{background-color:#fff;box-shadow:0 0 1rem rgba(0,0,0,.3);color:rgba(0,0,0,.9);scale:1.08;cursor:pointer}.Section{width:100%;min-width:320px;height:100%;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 3rem}.Section h1,h2,p{margin:1rem 0}.Section p{font-size:1.8rem;line-height:1.6}.Section-content{border-radius:10px;width:90%;box-shadow:0 0 10px 1px rgba(0,0,0,.09);margin:0 0 3rem;padding:1rem}.Section-content video{position:static}.Section-content-figure{width:100%;min-width:280px;margin:1.6rem 0}.Section-content-figure img{width:100%}.Section-content ul li{list-style:none;margin:1.6rem 0}.Section-social{display:flex;justify-content:center;align-items:center}.Section-social a{color:#000}.Span{text-align:center;font-size:1.8rem;font-weight:700}.fab{margin:1.6rem;font-size:1.6rem}.media-content{border:none;width:100%;margin:1.5rem 0 3rem}.About{width:100%;min-width:320px;height:100%;flex-direction:column}.About,.About-figure{display:flex;align-items:center}.About-figure{border:3px solid #9c2830;border-radius:50%;width:280px;height:280px;justify-content:center;box-shadow:0 0 10px 10px rgba(0,0,0,.09)}.About-figure .img{border-radius:50%;width:265px;height:265px;background-image:url(/_next/static/media/user.9b0525cfbae9aaf4e8f747edf2d91459.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.About-section{width:100%;min-width:320px;height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center}.About-section .About-me{width:90%;box-shadow:0 0 10px 1px rgba(0,0,0,.09);padding:1rem}.About-me h1{margin:1rem 0}.About-me p{line-height:18px}.Footer{background-color:var(--primary-color);box-shadow:0 0 10px 1px rgba(0,0,0,.09);width:100%;min-width:320px;height:50px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;align-self:flex-end;padding:1rem;grid-area:Footer}.Footer-list{list-style:none;display:flex}.Footer-list li{margin:1rem}.burger-button{background-color:#000;border-radius:50%;width:32px;height:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;justify-self:flex-end;margin:0 3rem;position:relative;z-index:11}.burger-button-dec{background-color:var(--primary-color);width:50%;height:2px;margin:1px 0}@media (min-width:768px){h1{font-size:3.6rem}h2{font-size:2.8rem}}@media (min-width:1024px){.Header-title-container{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.Header-title{grid-column:1/2;margin:0 45%}.Header-menu{display:none}.Section-content{width:70%}}