*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none;list-style-type:none;padding:0;margin:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration:none;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{scroll-behavior:smooth;scroll-padding-top:8vh}body{overflow-x:hidden;font-family:Poppins,sans-serif;font-size:1rem;color:#212121;background-color:#fafafa}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:#aaa;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#1976d2;border-radius:10px;border:3px solid #aaaaaa}::-webkit-scrollbar-thumb:hover{background-color:#145ea8}.wrapper{display:flex}header{position:sticky;top:0;margin:0;z-index:100;flex-direction:row;flex-wrap:nowrap;width:100vw;height:10vh;align-items:center;justify-content:space-between;background-color:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color .44s ease}.blur-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeInBlur .44s ease}@keyframes fadeInBlur{0%{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}h1{margin-left:2em;font-size:2.8rem}h1>a{color:#212121;text-shadow:2px 5px 5px rgba(0,0,0,.22);transition:color .3s ease,border-bottom .3s ease,text-shadow .3s ease}h1>a:hover{text-shadow:0 0 80px rgb(25,118,210);color:#1976d2}nav{margin-right:2rem;min-width:25vw}ul.list{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-evenly;gap:1.5rem;width:100%}ul.list a{color:#212121;font-size:inherit;font-weight:700;text-shadow:2px 5px 5px rgba(0,0,0,.22);border-bottom:1px solid transparent;transition:color .25s ease,border-bottom .25s ease,text-shadow .25s ease}ul.list a:hover{color:#1976d2;border-bottom:1px solid #1976d2;text-shadow:0 0 25px rgb(25,118,210)}.backdrop{position:fixed;top:10vh;left:0;width:100%;height:90vh;z-index:2}.menu-toggle{display:none;background:none;border:none;font-size:2rem;margin-right:2rem;cursor:pointer;z-index:10}@media (max-width: 1000px){header{flex-wrap:wrap;height:auto;padding:1rem 0}.menu-toggle{display:block}nav.nav{position:absolute;top:100%;left:0;z-index:5;background-color:#fff9;z-index:90;border-bottom:1px dashed #1976d2;width:100%;height:0;overflow:hidden;transition:height .22s ease;margin-right:0}nav.nav.open{height:55vh}ul.list{flex-direction:column;align-items:center;justify-content:center;padding:1rem 0;gap:2.5rem}h1{margin:0 auto 0 1rem;font-size:2rem}ul.list a{font-size:1.5rem;font-weight:700}}@media (max-width: 350px){h1{font-size:1.8rem}}footer{flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:1rem;background-color:#bebebe;padding-top:2rem;padding-bottom:1.5rem;border-top:1px dashed #1976d2}ul.links{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:1.3rem}ul.links a{color:#212121;font-size:1.3rem;text-shadow:2px 5px 5px rgba(0,0,0,.22);transition:color .3s ease,text-shadow .3s ease}ul.links a:hover{text-shadow:0 0 80px rgb(25,118,210);color:#1976d2}footer p{color:inherit;font-size:1.1rem}.hero{width:100vw;height:100vh;align-items:center;justify-content:center;background-color:#ececec}.hero-content{width:90%;max-width:1200px;align-items:center;justify-content:center;flex-wrap:wrap}.hero-text{flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;padding:2rem}.hero-text h2{font-size:3rem;color:#1976d2;text-shadow:0px 2px 4px rgba(0,0,0,.22)}.hero-text p{font-size:1.2rem;color:#333}.hero-text button{padding:.8rem 1.5rem;font-size:1rem;background-color:#1976d2;color:#fff;border:none;border-radius:8px;transition:background-color .3s ease,box-shadow .3s ease}.hero-text button:hover{background-color:#145ea8;box-shadow:0 0 25px 5px #1976d299;cursor:pointer}.hero-image{flex:1;align-items:center;justify-content:center;position:relative;display:inline-block;width:460px}.hero-image:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(25,118,210,.7),transparent 70%);filter:blur(40px);z-index:0}.hero-image img{max-width:100%;max-height:100%;object-fit:cover;position:relative;z-index:1;display:block}@media (max-width: 1240px){#hero{overflow:hidden;scroll-margin:12vh;height:100%}.hero-image{flex:unset}.hero-content{height:100%}.hero-text{align-items:center;text-align:center}}@media (max-width: 600px){.hero-content{margin-top:1rem}.hero-text{gap:.5rem;padding:0 1rem}.hero-image{margin-top:3.5rem}.hero-text a{margin-top:1.8rem}}@media (max-width: 400px){.hero-text h2{font-size:2.5rem}.hero-text p{font-size:1rem}}section.about{width:100vw;height:100vh;align-items:center;justify-content:center;background-color:#f0f0f0;padding-top:2rem}div.about-content{width:90%;max-width:1200px;height:80%;align-items:flex-start;justify-content:center;flex-direction:column;flex-wrap:nowrap;gap:1rem}.description{margin-bottom:-8rem}div.tech{width:80%;max-width:1000px;flex-direction:row;flex:1;align-self:center;align-items:center;justify-content:space-between}div.img-container{display:flex;align-items:center;justify-content:center;height:5rem}div.img-container img{max-width:100%;max-height:100%;object-fit:cover}@media (max-width: 1270px){section.about{padding:0 2rem}}@media (max-width: 1100px){div.tech{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);gap:1rem;justify-items:center;flex:unset}.description{margin-bottom:2rem}}@media (max-width: 750px){section.about{height:fit-content;padding:4rem 2rem}div.tech{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,auto);justify-items:center}}@media (max-width: 650px){.description p{font-size:.9rem}}@media (max-width: 440px){div.img-container{height:4rem}}#what-i-do{width:100vw;height:100vh;align-items:center;justify-content:center;background-color:#ececec;padding:1rem .5rem}div.whatido-content.mobile{display:none;width:100%}div.whatido-content{width:80%;max-width:1200px;height:80%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem;padding:1rem}div.square{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem;padding:.25rem 1rem;border-radius:1rem;transition:transform .3s ease}.icon{display:inline-block;transition:color .3s ease,filter .3s ease}.square:hover{transform:translateY(-4px)}.square:hover .icon,.square:hover .title{color:#1976d2;filter:drop-shadow(0 0 6px rgba(25,118,210,.6))}.icon-container{height:2.5rem;display:flex;align-items:center;justify-content:center}p.text{font-size:.88rem;color:#6d6d6d}.dropdown{display:flex;flex-direction:column;gap:1rem;text-align:left;border-bottom:1px dashed #ccc;padding:1rem;cursor:pointer;transition:background-color .3s ease,border-bottom-color .3s ease}.dropdown h3{font-size:1.3rem}.dropdown .text{max-height:0;overflow:hidden;transition:max-height .3s ease;opacity:0}.dropdown.open{border-bottom-color:#1976d2}.dropdown.open h3{color:#1976d2}.dropdown.open .text{max-height:700px;opacity:1}.title{display:flex;justify-content:space-between;align-items:center;font-size:1.4rem;cursor:pointer}.chevron{transition:transform .3s ease-in-out}.chevron.rotate{transform:rotate(180deg)}@media (max-width: 1000px){#what-i-do{height:100%;padding:5rem .5rem}div.whatido-content.mobile{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}div.whatido-content.desktop{display:none}}#projects{width:100vw;min-height:100vh;justify-content:center;align-items:center;background-color:#f0f0f0;padding-top:10rem;padding-bottom:10rem}.projects-content{flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;width:90%;max-width:1200px;height:80%;gap:4rem}#projects button{padding:.8rem 1.5rem;font-size:1rem;background-color:#1976d2;color:#fff;border:none;border-radius:8px;transition:background-color .3s ease,box-shadow .3s ease}#projects button:hover{background-color:#145ea8;cursor:pointer;box-shadow:0 0 25px 5px #1976d299}h3.projects-heading{color:inherit;font-size:1.5rem}@media (max-width: 700px){#projects{height:100%}}a{text-decoration:none}a.project{flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.8rem;transition:transform .3s ease;text-align:center}a.project:hover{cursor:pointer;transform:translateY(-4px)}.project-desc{font-size:.9rem;color:#6d6d6d;padding-left:3rem;padding-right:3rem}.project-title{color:#212121;text-shadow:2px 5px 5px rgba(0,0,0,.22);border-bottom:1px solid transparent;transition:color .3s ease,border-bottom .3s ease,text-shadow .3s ease}a.project:hover .project-title{color:#1976d2;border-bottom:1px solid #1976d2;text-shadow:0 0 25px rgb(25,118,210)}.project-img-container{display:flex;align-items:center;justify-content:center;height:40vh;border-radius:1rem;overflow:hidden}img.photo{width:100%;height:100%;object-fit:cover}a.project:hover .project-img-container{box-shadow:0 0 25px 5px #1976d299;transition:box-shadow .3s ease}@media (max-width: 700px){.project-img-container{height:auto}.project-desc{padding:0 .5rem}}#contacts{flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:2rem;width:100vw;height:100vh;background-color:#ececec;padding:1rem 3rem}form.contact-form{flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;align-self:center;width:100%;gap:2rem}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}input{background-color:#ececec;color:inherit;border:none;border-bottom:1px solid #a0a0a0;padding:.75rem;font-size:1rem;box-shadow:0 2px 6px #ececec;outline:none;transition:border-bottom-color .3s ease,color .3s ease,box-shadow .3s ease;border-radius:.25rem;width:25vw;width:100%}input:focus{border-bottom-color:#1976d2;color:inherit;box-shadow:0 2px 6px #1976d299}input::placeholder,textarea::placeholder{color:#a0a0a0;font-style:italic;opacity:1}textarea{background-color:#ececec;color:inherit;border:none;border-bottom:1px solid #a0a0a0;padding:.75rem;font-size:1rem;width:60%;height:220px;resize:none;outline:none;box-shadow:0 2px 6px #ececec;transition:border-bottom-color .3s ease,color .3s ease,box-shadow .3s ease;border-radius:.25rem}textarea:focus{border-bottom-color:#1976d2;color:inherit;box-shadow:0 2px 6px #1976d299}button.form-btn{padding:.8rem 1.5rem;font-size:1rem;background-color:#1976d2;color:#fff;border:none;border-radius:8px;transition:background-color .3s ease,box-shadow .3s ease}button.form-btn:hover{background-color:#145ea8;cursor:pointer;box-shadow:0 0 25px 5px #1976d299}.status{font-size:1rem;padding:.75rem 1rem;border-radius:8px;margin-top:1rem;width:fit-content;max-width:90%;background-color:#1976d21a;color:#1976d2;border:1px solid #1976d2;box-shadow:0 2px 6px #1976d233;transition:all .3s ease}.status.error{background-color:#d32f2f1a;color:#d32f2f;border:1px solid #d32f2f;box-shadow:0 2px 6px #d32f2f33}.status.success{background-color:#388e3c1a;color:#388e3c;border:1px solid #388e3c;box-shadow:0 2px 6px #388e3c33}@media (max-width: 700px){#contacts{padding:3rem 1.4rem;height:100%}form.contact-form{align-items:flex-start}.grid{grid-template-columns:1fr;width:100%}textarea,input,button.form-btn{width:100%}.status{width:100%;max-width:unset;text-align:center}}