*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{margin:0;background-color:#141d2f;font-family:Poppins,sans-serif;min-height:100vh;background-image:url(assets/img/background-images/intro-crop.webp),url(assets/img/background-images/skills.webp);background-repeat:no-repeat,no-repeat;background-position:top 3% left -5%,left 40%;background-size:clamp(570px,197.133105802px + 39.2491467577vw,800px),400px}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#f1f1f1}body::-webkit-scrollbar-thumb{background:#888}body::-webkit-scrollbar-thumb:hover{background:#555}a,button,img{transition:all 125ms ease-in-out}.button,.project-button,.contact-button{position:relative;z-index:1;display:block;background-color:transparent;box-shadow:4px 4px 4px #00000040;border-radius:10px;width:-moz-fit-content;width:fit-content;padding:15px 30px;gap:10px;border:none;font-size:clamp(1.125rem,1.0427631579rem + .4111842105vw,1.4375rem);line-height:120%;color:#fff;cursor:pointer;margin-top:50px;margin-left:150px;text-decoration:none}.button:before{content:"";position:absolute;z-index:-1;inset:0;background-color:#00bee8;border-radius:10px;transition:all 125ms ease-in-out;transform-origin:top}.button:hover:before{background-color:#4b47ff;transform:scaleX(1.1) scaleY(1.1)}@media (max-width: 1300px){.button,.project-button,.contact-button{margin-top:clamp(6%,8.4126984127px + 1.746031746vw,5%)}}@media (max-width: 950px){body{background-image:url(assets/img/background-images/intro-crop.webp),url(assets/img/background-images/skills.webp);background-position:top 140px left clamp(-45px,-104px + 15vw,50px),left -120px top 40%;background-size:clamp(400px,196px + 63vw,800px),clamp(190px,83px + 33vw,400px)}.button,.project-button,.contact-button{margin-left:0}}@media (max-width: 320px){body{background-image:url(assets/img/background-images/intro-crop.webp),url(assets/img/background-images/skills.webp);background-position:top 140px left clamp(-45px,-104px + 15vw,50px),left -108px top 39%;background-size:clamp(400px,196px + 63vw,800px),clamp(190px,83px + 33vw,400px)}}