:root{--content: #FFEDDF;--background: #282e36}body{margin:0;font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background)}code{font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto;font-style:normal}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0009}::-webkit-scrollbar-thumb{background:var(--content);border-radius:10px 0 0 10px}#controller{display:flex;flex-direction:column;position:fixed;align-items:flex-start;justify-content:center;top:0;left:0;margin:1rem;gap:.6rem;z-index:99;line-height:0;filter:drop-shadow(3px 3px 4px rgba(0,0,0,.5))}#labelIcon{display:flex;justify-content:center;align-items:center;aspect-ratio:1;color:var(--background);background-color:var(--content);padding:1rem;border-radius:10px;z-index:1}#labelIcon #icon{rotate:225deg;transition:.5s ease-in}#labelIcon:hover{cursor:pointer}#menuBtn{display:none}#menuBtn:checked~#labelIcon #icon{rotate:0deg}#menuBtn:checked~#navBar{transform:translate(0)}#navBar{transform:translate(-300%);display:flex;flex-direction:column;height:fit-content;width:fit-content;padding:10px 20px;border-radius:10px;gap:1rem;transition:.5s ease-in-out;background-color:var(--content);color:var(--background)}#navBar .btn{fill:var(--background);width:34px;transition:.2s ease-in}#navBar .btn:hover{scale:1.2;opacity:.9;filter:drop-shadow(0 0 2px white);cursor:pointer}.carousel-content{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:fit-content;box-sizing:border-box}.arrow{color:var(--content);filter:drop-shadow(0 0 2px rgba(0,0,0,1));transition:.1s ease-in;opacity:.8;margin:2%;height:fit-content}.arrow:hover{scale:1.2;opacity:1}.arrow:active{scale:1}.carousel-box{display:flex;justify-content:center;align-items:center;transition:opacity .5s ease}.slide-in{animation:slideIn .5s ease forwards}.slide-out{animation:slideOut .5s ease forwards}.slide-in-prev{animation:slideInPrev .5s ease forwards}.slide-out-prev{animation:slideOutPrev .5s ease forwards}@keyframes slideIn{0%{transform:translate(30px);opacity:0}50%{opacity:1}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0);opacity:1}50%{opacity:0}to{transform:translate(-30px);opacity:0}}@keyframes slideInPrev{0%{transform:translate(-30px);opacity:0}50%{opacity:1}to{transform:translate(0)}}@keyframes slideOutPrev{0%{transform:translate(0);opacity:1}50%{opacity:0}to{transform:translate(30px);opacity:0}}#home-container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:90px 0;height:100%;gap:20px;background-color:var(--background);color:var(--content)}#about-container{width:700px;display:flex;align-items:start;justify-content:center;color:var(--content);padding:10px;border-radius:25px;box-shadow:2px 2px 8px #0009,-2px -2px 10px #ffffff1a}#about-left-side{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px;width:30%;gap:10px}#about-right-side{width:70%;height:100%;box-sizing:border-box;padding:15px;text-align:justify;border-radius:15px;background-color:#0003;box-shadow:inset 2px 2px 4px #0009,inset -2px -2px 4px #fff3}#about-right-side h1{margin-top:0}#my-picture{width:100%;border-radius:10px}#my-skills{display:grid;grid-template-columns:repeat(3,1fr)}.skill-icons{margin:5px;border-radius:15px;box-shadow:-2px -2px 3px #ffffff1a,2px 2px 3px #0006}#pills-container{width:720px;height:10%;box-shadow:2px 2px 8px #0009,-2px -2px 10px #ffffff1a;border-radius:15px}.pill{width:100%;text-align:center;font-size:clamp(15px,1px,20px)}@media (max-width: 800px){#about-container{width:80%}#pills-container{width:82%}}@media (max-width: 680px){#about-container{flex-direction:column}#about-left-side{flex-direction:row;margin:0 auto;width:100%}#my-picture{width:170px}#about-right-side{width:100%}}@media (max-width: 440px){#about-left-side{flex-direction:column;margin:0 auto;width:100%}#my-picture{width:80%}#my-skills{width:80%;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}}#contact-container{display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;height:100vh}#honeyPot{display:none}#social-container{position:absolute;top:10%;right:5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;box-shadow:inset 2px 2px 3px #0009,inset -2px -2px 3px #fff3;padding:30px 15px;border-radius:50px;background-color:#0000001a}.social-icon{aspect-ratio:1;fill:#000;width:30px;opacity:.5;transition:.3s ease-in}.social-icon:hover{cursor:pointer;scale:1.2;opacity:1;fill:var(--content);filter:drop-shadow(1px 1px 10px white)}#form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:2px 2px 5px #000c,-2px -2px 10px #ffffff1a;padding:30px;border-radius:25px;color:var(--content)}#form-container h2{margin-top:0;margin-bottom:25px}#form-container h4{margin:0;width:100%;text-align:start}#form-container input,#form-container textarea{width:100%;border:none;border-radius:15px;margin:0;padding:10px;background-color:#00000014;box-shadow:inset 2px 2px 3px #0009,inset -2px -2px 3px #ffffff1a;resize:none;color:var(--content)}#form-container input{height:25px;margin-top:20px}#form-container textarea{height:100px}#form-container label{place-self:start;transform:translateY(-175%);transition:all .3s ease-out}#form-container input:focus,#form-container textarea:focus{outline:none}#form-container input:focus+label,#form-container input:not(:placeholder-shown)+label{transform:translateY(-350%)}#form-submit{font-family:Pixelify Sans,sans-serif;border:none;margin:30px 0 10px;padding:10px 40px;border-radius:15px;font-size:18px;background-color:#0000001a;color:var(--background);text-shadow:-1px -1px 1px rgba(255,255,255,.1),1px 1px 1px rgba(0,0,0,.6);box-shadow:inset 2px 2px 3px #0009,inset -2px -2px 3px #ffffff1a;transition:all .2s ease-in-out}#form-submit:hover{transform:translateY(-1px);background-color:var(--content);box-shadow:-2px -2px 5px #fff3,2px 2px 5px #0006;text-shadow:-1px -1px 1px rgba(255,255,255,0),1px 1px 1px rgba(0,0,0,0);color:var(--background)}#form-submit:active{transform:translateY(1px);background-color:#0000001a;color:var(--background);text-shadow:-1px -1px 1px rgba(255,255,255,.1),1px 1px 1px rgba(0,0,0,.6);box-shadow:inset 2px 2px 3px #0009,inset -2px -2px 3px #ffffff1a}@media (max-width: 650px){#social-container{top:5%;flex-direction:row;padding:15px 30px}}@media (max-width: 450px){#form-container{width:70%}}#certificates-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:100px;color:var(--content);padding:50px 0}.certificate{display:flex;justify-content:flex-start;align-items:center;width:100%;padding:0 20px 0 50px;box-sizing:border-box}.certificate-info{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;margin:10px 0 auto 20px;gap:5px;font-size:20px;background-color:#0003;padding:20px;border-radius:15px;box-shadow:inset 2px 2px 3px #0009,inset -2px -2px 3px #ffffff1a}.certificate-year{font-size:40px;width:5%;margin:0 5% 0 10%;background-color:var(--background);padding:10px}#year-line{height:70%;z-index:-1;position:absolute;width:0;border:5px solid var(--content);margin-left:calc(12.5% + 10px)}.certificate-img{border-radius:10px;width:450px;box-shadow:-3px -3px 5px #ffffff1a,5px 5px 5px #0006}@media (max-width: 1000px){.certificate{flex-direction:column;gap:15px;padding:0}.certificate-info,.certificate-img{width:600px;margin-left:0;margin-right:0}#year-line{display:none}#certificates-container{gap:50px}.certificate-year{width:fit-content;margin:0}}@media (max-width: 800px){.certificate-info,.certificate-img{width:450px}}@media (max-width: 580px){.certificate-img{width:80%}.certificate-info{width:calc(80% - 20px)}}#main-container{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;padding:70px 0 80px;color:var(--content);box-sizing:border-box}#section-title{font-size:30px;margin:50px 0 30px}.projects-icon{aspect-ratio:1;object-fit:cover;width:20%;border-radius:15px;box-shadow:-2px -2px 5px #fff3,2px 2px 5px #00000080}#projects-selector{width:60%}.projects-container{display:flex;align-items:center;justify-content:center;gap:5%;width:100%}#main-img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:15px}#main-project{width:65%;height:fit-content;box-shadow:-2px -2px 5px #fff3,2px 2px 5px #00000080;border-radius:25px;margin:0 0 auto}#main-project a{width:200px}#top-section{display:flex;align-items:center;justify-content:flex-start;gap:40px;padding:20px 20px 0;height:200px}#short-info{display:flex;flex-direction:column;flex:1;gap:20px;margin:0 0 auto;padding:25px;border-radius:15px;background-color:#0003;box-shadow:inset 2px 2px 3px #0009,inset -2px -2px 3px #ffffff1a}#project-title{margin:0 auto;font-size:clamp(1rem,.5rem + 2vw,5rem);text-align:center}#project-stacks{display:flex;justify-content:space-between;padding:0 5%}.project-stack{width:60px;border-radius:15px;box-shadow:-2px -2px 5px #fff3,2px 2px 5px #00000080}#project-description{padding:20px;margin-left:20px;margin-right:20px;border-radius:15px;background-color:#0000001a;box-shadow:inset 2px 2px 3px #0009,inset -2px -2px 3px #ffffff1a;font-size:15px;text-align:justify}@media (max-width: 1000px){#project-stacks{flex-wrap:wrap;row-gap:15px}.project-stack{margin-left:10px}#top-section{height:fit-content}}@media (max-width: 750px){#project-stacks{padding:0}.project-stack{width:45px}.projects-container{display:grid;grid-template-columns:repeat(2,1fr);row-gap:20px;column-gap:20px}.projects-icon{width:100%}}@media (max-width: 680px){#top-section{height:fit-content;flex-direction:column-reverse;gap:20px}#top-section a{width:100%}#short-info{width:100%;box-sizing:border-box}#project-title{font-size:clamp(2rem,.5rem + 2vw,5rem)}#project-stacks{padding:0 5%}.project-stack{width:50px}#projects-selector,.projects-container{width:80%}}