/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box;padding:0;margin:0}html{font-size:100%;font-family:Titillium Web,sans-serif;min-height:100%}li{list-style:none}a{text-decoration:none;color:inherit}*{scroll-behavior:smooth}.avatar-container{position:relative;z-index:30;perspective:1000px;margin-bottom:3em;max-width:400px;display:block;width:200px;height:200px;cursor:pointer}@media (max-width: 550px){.avatar-container{width:150px;height:150px}}@media (min-width: 900px){.avatar-container{width:300px;height:300px}}@media (min-width: 1800px){.avatar-container{width:400px;display:block;height:400px}}.avatar-container .avatar__card{width:100%;height:100%;transform-style:preserve-3d;transition:all .6s linear;position:relative;z-index:30;perspective:1000px}.flip-img .avatar__card{-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.avatar__front,.avatar__back{-ms-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;border-radius:50%;border:5px solid black;position:absolute}.avatar__back{display:block;-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);box-sizing:border-box}.neon-btn-container{background:none;border:none}.neon-btn{text-decoration:none;transition:.2s ease-in-out;font-size:1.5em;color:#2196f3;display:flex;align-items:center;position:relative;letter-spacing:4px;overflow:hidden;padding:15px 30px}.neon-btn .snake{position:absolute;display:block}.neon-btn:hover{color:#255784;background-color:#2196f3;box-shadow:0 0 10px #2196f3,0 0 40px #2196f3,0 0 80px #2196f3;transition-delay:1s}.neon-btn:hover .neon-btn__arrow{transition-delay:.4s;transition:.6s;-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.neon-btn .snake:nth-child(1){width:100%;height:2px;top:0;left:-100%;background:linear-gradient(90deg,transparent,#2196f3)}.neon-btn:hover .snake:nth-of-type(1){left:100%;transition:1s}.neon-btn .snake:nth-child(3){width:100%;height:2px;right:-100%;bottom:0;background:linear-gradient(270deg,transparent,#2196f3)}.neon-btn:hover .snake:nth-of-type(3){right:100%;transition:1s;transition-delay:.5s}.neon-btn .snake:nth-child(2){width:2px;height:10px;top:-100%;right:0;background:linear-gradient(180deg,transparent,#2196f3)}.neon-btn:hover .snake:nth-of-type(2){top:100%;transition:.5s;transition-delay:.25s}.neon-btn .snake:nth-child(4){width:2px;height:10px;left:0;bottom:-100%;background:linear-gradient(360deg,transparent,#2196f3)}.neon-btn:hover .snake:nth-of-type(4){bottom:100%;transition:1s;transition-delay:.5s}@keyframes flipArrow{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@media screen and (max-height: 768px){.neon-btn-container{margin-bottom:2em}}.skills__header{padding-top:7em;display:flex;justify-content:center}.skills__list{display:grid;padding-top:3em;grid-template-columns:repeat(4,minmax(50px,70px));justify-content:center;grid-row-gap:2em;padding-bottom:3em}@media (min-width: 600px){.skills__list{grid-row-gap:3em;grid-template-columns:repeat(auto-fill,200px)}}.skills__list .skills__item{transition:scale .3s ease-in-out;position:relative;z-index:200;display:flex;flex-direction:column;align-items:center}.skills__list .skills__item:hover{scale:1.1}.skills__list .skills__item .skills__icon-container{display:flex;justify-content:center;margin-bottom:1em;position:relative;z-index:200}.skills__list .skills__item .skills__icon{max-width:clamp(1.875rem,.67rem + 6.429vw,4.688rem);display:block;height:auto}.skills__detail{display:inline-block;border-radius:10px;background-color:#3e3eff;position:absolute;bottom:-25%;z-index:500}.skills__detail:before{content:"";position:absolute;top:-45%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:transparent transparent #3e3eff transparent}.skills__detail .skills__title{padding:.5em;font-weight:400;font-size:12px;color:#eae7e7}.skills__detail .skills__description{max-width:250px;margin-top:1em;font-weight:200;line-height:1.5em}@media (max-width: 300px){.skills__detail .skills__description{margin:1em}}.skills__detail.active{display:block;animation:tooltip .6s ease-in-out}.skills__item:nth-of-type(6)>.skills__icon-container{background:#fff;border-radius:50%;height:auto}.skills__item:where(:nth-of-type(18),:nth-of-type(19))>.skills__icon-container .skills__icon{background:#fff;border-radius:50%}@keyframes tooltip{0%{opacity:0}to{opacity:1}}.projects{width:100vw;height:auto;background-color:#3e8dff;position:relative;z-index:10;min-height:100vh}.projects:not(:has(.projects__header p)){padding-top:7em}@media (max-width: 300px){.projects:not(:has(.projects__header p)){padding-top:0}}.projects__header{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:5em}.projects__header>h2{margin-bottom:2em}.projects__header:has(p){flex-direction:column;align-items:center;gap:1em}.projects__list{display:grid;justify-content:center;grid-template-columns:repeat(auto-fill,225px);grid-auto-rows:auto;grid-row-gap:7em;padding-inline:5em;margin-top:5em;padding-bottom:5em}@media (min-width: 600px){.projects__list{grid-template-columns:repeat(auto-fill,350px)}}@media (min-width: 800px){.projects__list{grid-column-gap:2em}}@media (min-width: 1650px){.projects__list{grid-template-columns:repeat(3,350px)}}.projects__list .projects__project{background-color:#fff;transition:box-shadow .5s ease-in-out;border-radius:10px;min-height:500px;padding-bottom:50px;box-shadow:-19px 22px 30px 8px #403940;display:flex;flex-direction:column;position:relative}@media (max-width: 300px){.projects__list .projects__project{margin:0 2em}}@media (max-width: 450px){.projects__list .projects__project{padding-bottom:5em}}@media (min-width: 600px){.projects__list .projects__project{margin-right:1em;margin-bottom:3em}}.projects__list .projects__project:hover{box-shadow:-19px 22px 30px 22px #403940}.projects__list .projects__project .projects__proj-img-container{margin-top:-80px;position:relative;display:flex;justify-content:center}.projects__list .projects__project .projects__proj-img-container .projects__proj-img{border-radius:50%;border:5px solid #50a747;box-shadow:0 1px 20px 5px gray;max-width:300px;width:200px;aspect-ratio:2/1;height:200px;transition:all .5s ease-in-out;padding:.3em;background-color:#fff}@media (min-width: 900px){.projects__list .projects__project .projects__proj-img-container .projects__proj-img{height:250px;width:250px}}.projects__project-details{display:flex;flex-direction:column;align-items:center}.projects__project-details .projects__project-details-container{overflow-y:auto;max-height:250px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:1em 0}.projects__project-details .projects__project-details-container .projects__proj-description{margin-bottom:1em;margin-top:1em;line-height:1.5em;max-width:75%;font-weight:400}.projects__project-header{margin-top:1em;background:linear-gradient(360deg,transparent,#2196f3);padding:.4em}.projects__project-header>.project__header-title{font-weight:400;white-space:nowrap}.projects__source-code{display:flex;justify-content:space-around;flex-direction:row;align-items:center;position:absolute;bottom:0;background:#ff3e3e;height:50px;width:100%;border-radius:0 0 10px 10px}.projects__source-code .projects__source-code-live{cursor:pointer}.projects__source-code .projects__source-code-container{gap:1em;display:flex;flex-direction:row;align-items:center}.projects__source-code .projects__source-code-container .projects__source-logo{max-width:30px;display:block;height:30px}.projects__tech-stack{display:flex;justify-content:flex-start;flex-direction:row;gap:.5em;max-width:80%;width:80%;flex-wrap:wrap}.projects__tech-stack .projects__tech-stack-item{border:none;padding:.4em;border-radius:10px;color:#fff;background-color:#69cf95;font-size:12px;display:flex;align-items:center}.projects__project-header-title{font-size:clamp(1rem,.786rem + 1.143vw,1.5rem);text-align:center}:root{--main-light-color: #6290c3;--text: #fff}.thought-bubble{display:none}@media (min-width: 800px){.thought-bubble{height:80px;width:200px;background-color:var(--main-light-color);position:absolute;border-radius:10%;left:74%;box-shadow:0 1px 20px gray;display:flex;justify-content:center;align-items:center}.thought-bubble .thought-bubble__point{width:0;height:0;rotate:60deg;border-left:2vh solid transparent;border-right:1vh solid transparent;border-top:12vh solid var(--main-light-color);position:relative;top:60%;left:-20%}.thought-bubble .thought-bubble__txt{color:#eae7e7;z-index:1000}}@media (min-width: 1200px){.thought-bubble{left:70%}}@media screen and (max-height: 650px){.thought-bubble .thought-bubble__point{left:0}}.socials{position:fixed;top:50%;right:-10%;display:flex;flex-direction:column;z-index:20;margin:2em}@media (max-width: 300px){.socials{position:relative;top:-100px;right:0;z-index:11;justify-content:center}.socials :only-child{display:flex;justify-content:center}}@media (min-width: 400){.socials{right:-5%}}@media (min-width: 500px){.socials{right:-8%}}@media (min-width: 600px){.socials{right:-4%}}@media (min-width: 700px){.socials{right:-2.5%}}@media (min-width: 1800px){.socials{right:1.5%}}.socials__item{margin:1em}.socials__item a{color:#000;transition:all .5s ease-in-out}.socials__item a:hover{color:#ccc}.controls{--btn-color: #69cf95;display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:2em;gap:1em}.controls .controls__btn{transition:box-shadow .4s ease-in-out;max-width:150px;width:clamp(4rem,2.679rem + 10.714vw,9.375rem);height:auto;color:#fff;padding:.5em;border-radius:10px;font-size:clamp(.75rem,.643rem + .571vw,1rem);border:none;cursor:pointer;background-color:var(--btn-color);offset:1em;box-shadow:-7px 1px 30px -3px #403940}.controls .controls__btn:active{outline:1px dashed #ffffff;outline-offset:.5em}.controls .controls__btn:hover{box-shadow:-7px 1px 30px 2px #403940;background-color:#35a565}.navigation{display:flex;justify-content:space-evenly;align-items:center;background-color:#3e3eff;position:fixed;width:100vw;top:0;left:0;border-bottom:none;height:70px;z-index:12;color:#cfd7de}.navigation .navigation__logo{font-size:1rem;font-family:Shrikhand,cursive;border:1px solid #cfd7de;border-radius:50%;padding:1em}@media (min-width: 300px){.navigation .navigation__logo{font-size:1rem}}.navigation .navigation__nav-items{display:contents;font-size:.7rem;margin-right:1em;transition:all .5s ease-in-out;cursor:pointer}@media (min-width: 450px){.navigation .navigation__nav-items .navigation__nav-item{font-size:1rem}}.navigation .navigation__nav-items .navigation__nav-item>a{color:inherit}.navigation .navigation__nav-items .navigation__nav-item>a:hover{color:#8397aa}.contact{width:100vw;min-height:100vh;padding-top:8em;background-color:#3e8dff;display:flex;justify-content:center;flex-direction:column;align-items:center}.contact .contact__intro{display:contents}.contact .contact__accreditation{margin-top:5em;font-size:.7em;color:#000}.contact__avatar{width:200px;max-width:400px;height:auto;border-radius:50%;border:5px solid #000}@media (min-width: 1800px){.contact__avatar{width:400px;display:block;height:400px}}.contact__form{display:flex;flex-direction:column;align-items:center;width:50vw;gap:1em;margin-top:2em}.contact__form .contact__field{padding-inline-start:1em;max-width:100%;width:100%;background-color:#cfd7de;border:none;border-radius:5px}.contact__form .contact__field:focus{outline:1px dashed #ffffff;outline-offset:.5em}.contact__form .contact__field--input{height:30px}.contact__form .contact__field--input:focus{outline:1px dashed #ffffff;outline-offset:.5em}.contact__copyright{display:flex;flex-direction:column;align-items:center;margin-top:2em}.contact__copyright .contact__scroll-button{width:100px;height:100px;border-radius:50%;margin-bottom:2em}.contact__contact-btn{display:inline-block;width:100%;height:50px;margin:1em 0;color:#cfd7de;border-radius:10px;position:relative;background:#2b2f77;overflow:hidden;transition:.2s;cursor:pointer;border:none}.contact__contact-btn .contact__contact-btn-text{color:#cfd7de}.contact__contact-btn:hover .contact__contact-btn-text{margin-left:65px;transition:.2s}.contact__contact-btn:hover .contact__contact-btn-inner{left:-130px}.contact__contact-btn-container{margin-top:1em}.contact__contact-btn-inner{position:relative;width:200px;height:50px;margin-top:-100px;left:-250px;transition:.3s;background:#ff3e3e;border:none}.contact__contact-btn-inner .contact__contact-btn-inner-text{margin-top:63px;margin-right:-130px;padding-top:1.2em;color:#cfd7de}.contact__container{display:flex;justify-content:center}@media (max-width: 600px){.contact__container>.contact__avatar{max-width:150px}}.hdr{background-color:#3e3eff;width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;z-index:11;position:relative}@media (max-width: 300px){.hdr{margin-top:-30px}}.hdr__intro{display:flex;justify-content:center;flex-direction:column;align-items:center}.hdr__intro .hdr__intro-heading{padding-top:7rem;color:#eae7e7;font-size:clamp(.5rem,5vw,4rem)}@media (min-width: 600px){.hdr__intro .hdr__intro-heading{padding-top:5rem;color:#eae7e7}}.hdr__intro .hdr__intro-tech{margin-bottom:2em;max-width:80vw;text-align:center;color:#eae7e7;font-size:clamp(.7rem,1.5vw,4rem)}.about{min-height:100vh;display:flex;justify-content:center;flex-direction:column;padding-block:7rem;background-color:#3e8dff}.about .about__heading{display:flex;justify-content:center}.about__text{font-size:clamp(.8em,2.5vw,1.3em);padding-left:clamp(5em,14vw,10em);padding-right:clamp(5em,14vw,10em);padding-top:3em;padding-bottom:3em}@media (min-width: 1800px){.about__text{font-size:1.7em;padding:1em 20em 0}}