body{background:linear-gradient(270deg,black,#232323);font-size:15px}header{height:75px}footer,header{background:#000;display:flex;align-items:center}footer{height:175px}main{width:60%}.home,main{margin:auto}.home{background:url(/_next/static/media/bg.77f9129f.webp) no-repeat;background-size:cover;max-width:1300px}h1{font-size:1.8em}.hello{display:inline-block;font-size:3em;font-weight:500}.home-top{padding:240px 0;text-align:center}.home-top img{margin:40px}.home-top .home-top--personal{transform:rotate(-5deg);display:inline-block;color:#ffd978;font-weight:300;font-size:.9em}.intro-section{margin-top:120px;display:grid;grid-template-columns:1fr 1fr;text-align:justify}.tech-section{padding:180px 0}.tech-section img{margin:16px 32px 16px 0}.tech-section--content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}h1,h2,h3,h4,h5{margin:16px 0}p{font-weight:300}ul{margin-left:16px;line-height:2;font-size:1em}ul li{font-size:.9em}.ml{position:absolute;right:10%}@media only screen and (max-width:767px){.intro-section{display:flex;flex-direction:column;gap:16px}.tech-section--content{grid-template-columns:1fr 1fr;gap:16px}}@media only screen and (min-width:768px)and (max-width:1023px){.intro-section{display:flex;flex-direction:column;gap:16px}}