.container,.header--content,.header--skills{text-align:center}@font-face{font-family:'Varela Round';font-style:normal;font-weight:400;font-display:swap;src:local('Varela Round Regular'),local('VarelaRound-Regular'),url(https://fonts.gstatic.com/s/varelaround/v12/w8gdH283Tvk__Lua32TysjIfp8uK.ttf) format('truetype')}body{background-color:#f5fafd;font-family:'Varela Round',sans-serif;display:grid;grid-template-columns:1fr;grid-template-areas:"aside " "header" "container " "footer ";color:#1a1a4c;margin:0}.header{grid-area:header}.header--img{background-color:#e92042;border-radius:10px;margin-top:0;padding:56px}.container--about--item,.header--skills--item{grid-template-columns:61px 1fr;border-radius:12px;background-color:#fff}.header--skills{margin:25px 0;display:grid}.header--skills--item{width:314px;display:grid;grid-gap:5px;box-shadow:1px 4px 10px #d3dae5;align-items:center;height:85px;padding:5px 15px;margin:10px auto}.header--skills--item h3,.header--skills--item p{margin:10px}.header--skills--img{height:100px;margin:0 auto}.menu{background-color:#fff;display:flex;justify-content:end}.menu--item{list-style-type:none;display:flex;padding:25px}.menu--item a{text-decoration:none;color:#1a1a4c}.menu--item a:active{font-weight:600}.container{grid-area:container}.description{line-height:2;color:#596188;font-size:14px}.container--about--item{grid-column-start:3;grid-column-end:7;max-width:454px;height:auto;padding:20px 25px;box-shadow:7px 1px 13px #d3dae5;box-shadow:1px 4px 10px #d3dae5;align-items:center;text-align:initial;margin:0 auto}.aside{background-color:#fff;margin:0;align-content:space-between;grid-area:aside;display:grid;justify-content:center;box-shadow:2px 0 2px #d3dae5;grid-template-columns:10% 1fr}.social{padding:0;margin:0 auto}.social--item{padding:15px 0;list-style-type:none;display:inline-block;margin:10px}.container--portfolio--container{grid-column-start:3;grid-column-end:9;display:grid;grid-template-columns:100%}.container--portfolio--container--item img{border-radius:10px}.footer{grid-area:footer;display:grid;grid-template-columns:repeat(12,10%);background-color:#e92042;height:30px;grid-column-start:1}@media screen and (min-width:520px){body{margin:0;grid-template-columns:120px 1fr;grid-template-areas:"aside header" "container container" "footer footer"}.logo{margin:24px}.aside{grid-template-columns:none}.social{padding:0 0 60px;margin:0 auto}.social--item{display:block;margin:0}.header--skills--img{height:auto}}@media screen and (min-width:895px){.header{height:692px}.header--content{grid-template-columns:62% 40%;grid-gap:10px;display:grid;background-color:#fff;max-height:216px;border-bottom:11px solid #f5fafd;border-image-source:linear-gradient(#4d4d4d,#f5fafd);border-image-slice:29}.container--about,.header--skills{grid-template-columns:repeat(12,10%)}.header--skills{grid-template-rows:repeat(12,25px)}.header--img{margin-top:35px;padding:100px}#develop{grid-row-start:4;grid-column-start:2}#desing{grid-row-start:9;grid-column-start:4}.header--skills--img{grid-row-start:11;grid-column-start:8}h1{font-size:67px;font-weight:800;margin:0;height:150px}.container--about{display:grid}.container--portfolio{margin:80px auto}h3,h4,p{margin:10px}.container--portfolio--container{grid-template-columns:repeat(2,25%);grid-gap:70px;align-content:center;justify-content:center}.container--portfolio--container--item img{width:100%}.container--portfolio h3{grid-column-start:5}h3{grid-column-start:3;font-size:40px;font-weight:600;grid-column-end:6}.footer{grid-column-start:2}}