@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300&display=swap);*{box-sizing:border-box;font-family:Nunito,sans-serif;margin:0;padding:0;scroll-behavior:smooth}.section{min-height:100vh;padding:0 200px}.text-highlight{-webkit-text-fill-color:transparent;background:linear-gradient(89.97deg,#ae67fa,#f49867);background-clip:text;-webkit-background-clip:text}.material-symbols-outlined{cursor:pointer;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48;-webkit-user-select:none;user-select:none}.scale-up-center{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:1400px){.section{padding:0 100px 1em}}@media screen and (max-width:800px){.section{padding:0 25px 1em}}@media screen and (max-width:400px){.section{padding:0 10px 1em}}header{background-color:#181f27;color:#fff;padding-bottom:100px}nav div{display:flex;gap:2em;justify-content:flex-end;padding:1.5em 0}nav p{cursor:pointer;font-size:calc(10px + 1.5vmin);transition:-webkit-transform .75s;transition:transform .75s;transition:transform .75s,-webkit-transform .75s;-webkit-user-select:none;user-select:none}.nav-icon a{font-size:calc(9px + 1vmin)}.nav-menu p:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.nav-icon{display:none}nav a{color:inherit;text-decoration:none}@media screen and (max-width:620px){.nav-menu{display:none}.nav-icon{display:flex}}.profile{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin)}.profile-picture{aspect-ratio:.75/1;margin:0 0 -8px;max-height:66vh;max-width:90vw;min-height:300px;min-width:225px}.image-container{background:radial-gradient(#8c34c599 0,#1113 80%);border-radius:300px 300px 70px 70px;padding:1rem 1rem 0}@media screen and (max-height:600px){.profile-picture{margin-top:0;max-height:62vh;max-width:62vw}}@media screen and (max-width:420px){.image-container{margin-top:2rem}}.about-container{align-items:center;background-color:#ffb393;color:#000;display:flex;justify-content:center}.about{align-items:flex-start;display:flex}.about div{flex:1 1;padding:0 1em}#about h1{font-size:calc(50px + 4vmin)}#about p{font-size:calc(16px + 2vmin)}#skills h2{font-size:calc(20px + 2vmin)}#skills ul{font-size:calc(12px + 1.5vmin);list-style-position:inside;margin-left:1rem}.about-name{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#9a52e5,#cd7dbb 90%);background-clip:text;-webkit-background-clip:text}.lists{display:flex;flex-direction:row;margin-bottom:1rem}.about a{-webkit-text-fill-color:transparent;background:linear-gradient(89.97deg,#d77f1b,#4e049e);background-clip:text;-webkit-background-clip:text;font-weight:900}@media screen and (max-width:1250px){.lists{flex-direction:column}}@media screen and (max-height:600px){#about h1,#skills h2{margin:2rem 0 1rem}}@media screen and (max-width:600px){.about{flex-direction:column}#about h1{line-height:80px}#about h1,#skills h2{margin:4rem 0 1rem}#skills{margin-bottom:1rem}}.projects-container{align-items:center;background:radial-gradient(#1577a5 0,#112 80%);display:flex;justify-content:center}.projects{grid-column-gap:2rem;color:#fff;-webkit-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:1fr 1fr 1fr;max-height:100%;width:100%}.project{background:rgba(0,0,0,.2);border:1px solid #1f1b1b;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;margin:1rem 0;padding:2rem 0;position:relative;transition:background .5s,-webkit-transform .5s;transition:transform .5s,background .5s;transition:transform .5s,background .5s,-webkit-transform .5s}.project:hover{background:rgba(0,0,0,.3);-webkit-transform:scale(1.03);transform:scale(1.03)}.project h2{font-size:40px;margin-bottom:1rem;text-align:center}.project-image-container{align-items:center;display:flex;height:100px;justify-content:center}.project-image{max-height:100px;max-width:100%;padding:1rem}.project-content{flex:1 1;padding:1rem 2rem}.project-content p{font-size:calc(20px + .2vmin);line-height:calc(1.7rem + .2vmin);margin-bottom:1rem;text-align:justify}.button-container{display:flex;justify-content:center;margin:1rem;min-width:75%}.button-container button{border-radius:10px;cursor:pointer;font-size:20px;padding:.75rem;width:100%}.button-container button:hover{background:radial-gradient(#f49867 0,#ae67fa 100%)}.project a{color:inherit;text-decoration:none}.coming-soon{background-color:#000000bb;border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:9}.coming-soon-content{align-items:center;color:red;display:flex;height:100%;justify-content:center}.coming-soon-content p{font-size:calc(28px + 1.5vmin);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}@media screen and (max-width:1400px){.projects{grid-template-columns:1fr 1fr;padding:0 100px}}@media screen and (max-width:700px){.projects{grid-template-columns:1fr;padding:0 25px}.project{margin:2rem 0 0}.projects:last-child{padding-bottom:2rem}}.contact{align-items:center;background:#181f27;display:flex;justify-content:center;text-align:center}.contact-content{color:#fff;font-size:calc(10px + 2vmin);margin-top:-8rem}.contact-content p{margin-top:.7rem}.contact-icons{display:flex;justify-content:space-between;margin-top:3rem}.contact-icon{align-items:center;display:flex;flex-direction:column;gap:.5rem;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.contact-icon p{margin-top:0}.contact-icon:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.contact-icon img{width:calc(50px + 2vmin)}.contact-icons a{color:inherit;text-decoration:none}@media screen and (max-width:420px){.contact-icon{display:flex;flex-direction:row;gap:2rem;justify-content:flex-start}.contact-icons{flex-direction:column;gap:2rem;margin-left:3rem}.contact-content{margin-top:0}}@media screen and (max-height:600px){.contact-content{margin-top:0}}
/*# sourceMappingURL=main.41688000.css.map*/