*{font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-weight:500;font-style:normal}#about{display:flex;color:beige;justify-content:center;align-items:center;text-align:center;padding:15dvh 0 25dvh;box-sizing:border-box}.about-container{display:flex;flex-direction:column;align-items:center;margin-bottom:3dvh}.about-title{color:#fff;font-size:2rem;padding-bottom:10px}.about-desc{max-width:80%}.info-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:5dvh}.info{list-style:none;display:contents}.info-item{margin:5px 0}.info-name{color:#89cff0;margin-right:10px}.info-value{margin-left:10px;color:beige}.hobbies-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.hobbies-intro{color:beige}@media screen and (max-width: 800px){#about{height:auto;flex-direction:column;justify-content:flex-start;align-items:center}}.carousel{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:600px;margin:0 auto;overflow:hidden}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#0006;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.5rem 1rem;z-index:2;transition:background .15s ease}.carousel-button:hover{background:#000000b3}.carousel-button:first-of-type{left:10px}.carousel-button:last-of-type{right:10px}.carousel-content{width:100%;overflow:hidden;border:1px solid rgb(100,100,100);border-radius:15px;box-shadow:10px 5px 5px #821e1e40}.carousel-slide{display:flex;transition:transform .5s ease}.carousel-item{min-width:100%;display:flex;flex-direction:column;align-items:center}.carousel-image{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:15px 15px 0 0}.carousel-description{padding:10px;text-align:center;max-width:90%}@media (max-width: 900px){.carousel{max-width:90vw}.carousel-button{font-size:1.5rem;padding:.3rem .6rem}.carousel-button:first-of-type{left:5px}.carousel-button:last-of-type{right:5px}.carousel-image{max-height:250px}.carousel-description{font-size:.9rem}}#contacts{display:flex;flex-direction:column;color:beige;padding-top:10dvh;margin-bottom:30dvh}.contacts-container{display:flex;justify-content:center}.contacts-title{font-size:2rem;text-align:center;margin-bottom:100px}.email-form{display:flex;flex-direction:column;background-color:#1e1e1e;border-radius:20px;width:800px;margin-top:0;border:1px solid rgb(100,100,100)}.email-title{text-align:left;font-size:1.5rem;padding-left:30px;margin-bottom:10px;color:#89cff0}.email-desc{text-align:left;font-size:1rem;padding-left:30px;margin-bottom:10px}.input-row{margin-bottom:15px}.input-group,.input-message-container{display:flex;justify-content:center}.input,.input-message{padding:1px 10px;font-size:1rem}.input-message{padding-top:10px}input,textarea{background-color:#101012;color:#fff;border:1px solid rgb(46,46,53);border-radius:10px;margin:12px 15px;width:340px;height:50px}textarea{margin:0 25px 20px;width:730px;height:200px;resize:none}::placeholder{color:#c8c8c8;font-size:.95rem}.send-button-container{display:flex;justify-content:center;margin-bottom:20px}.send-button,.sent-button{background-color:#a0a0a0;width:100px;color:#000;border:none;border-radius:20px;padding:10px 0;font-size:16px;cursor:pointer;text-align:center;display:flex;justify-content:center;align-items:center}.send-button svg,.sent-button svg{margin-left:5px}.send-button:hover{background-color:#fff}.sent-button{background-color:#0f9;cursor:not-allowed}.vl-container{display:block}.vertical-line{border-left:3px solid rgb(88,88,88);border-image:linear-gradient(to bottom,#fff0,#585858 48%,#fff0);border-image-slice:1;height:500px;margin:40px 100px 0}.social-container{width:800px;display:flex;flex-direction:column;justify-content:center;align-items:center}.social-intro{margin:100px 0 30px;text-align:center;font-size:1.1rem}.social-button-container{width:600px;display:flex;justify-content:center}.social-button{background-color:transparent;border:2px solid rgb(100,100,100);border-radius:50%;color:#a0a0a0;font-size:28px;padding:10px;margin:0 10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s,color .3s}.linkedin:hover{background-color:#fff;color:#0a66c2}.github:hover{background-color:#000;color:#fff}.discord:hover{background-color:#0a66c2;color:#fff}.instagram:hover{color:#fff;background:radial-gradient(circle at 30% 107%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}@media screen and (max-width: 2000px){.contacts-container{flex-direction:column;align-items:center;justify-content:center}.contacts-title{margin-bottom:40px}.email-title,.email-desc{text-align:center;padding-left:0}.email-title{margin-bottom:5px}.email-desc{font-size:.9rem}.email-container{display:flex;justify-content:center}.email-form{width:100%;max-width:700px;align-items:center}.input-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.input-message-container{width:100%}.input-group{display:block}.input,.input-message{font-size:.9rem}input,textarea{width:90%;height:50px;margin:10px}textarea{margin:0;height:250px}.send-button-container{margin:1rem}.vl-container{display:none}.social-container{width:80%}.social-intro{font-size:.9rem}.social-button-container{width:100%}}#footer-container{display:flex;justify-content:center;margin-bottom:3dvh}.footer{color:#fff;display:flex;align-items:center}.footer-text{margin-left:10px}#landing{display:flex;justify-content:center;align-items:center;padding-top:30dvh;padding-bottom:20dvh}.landing-content{display:flex;align-items:center;margin-top:10dvh;max-width:1200px}.text-container{text-align:center}.intro{color:#fff;font-size:1.2rem}.intro.name{color:#89cff0;font-size:2rem}.intro.text{font-size:1rem;color:beige}.pic-container{display:flex;justify-content:center;margin-left:20px}.photo{width:400px;height:400px;border:3px solid rgb(100,100,100);box-shadow:10px 5px 5px #821e1e40;border-radius:50%;-webkit-user-select:none;user-select:none;pointer-events:none}@media screen and (max-width: 950px){#landing{padding:10dvh 0 25dvh}.landing-content{flex-direction:column;align-items:center}.text-container{text-align:center;padding:20px 0;margin-top:30px}.intro.name{font-size:1.5rem}.intro.text{font-size:.9rem}.pic-container{margin-left:0}.photo{width:60%;height:60%;max-width:300px;max-height:300px;box-shadow:3px 5px 5px #821e1e40}}@media screen and (max-width: 950px) and (orientation: landscape){.landing-content{margin-top:5dvh}.pic-container{margin-top:20px}}.icon-text{color:#89cff0;font-family:Zen Dots,sans-serif;font-weight:400;font-style:normal}.NavBarItems{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;padding:0 30px;background-color:#222020;box-shadow:0 5px 15px #69191940;width:90%;height:80px;border-radius:15px;position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1}.navBarRight{display:grid;list-style:none;grid-template-columns:repeat(5,auto);grid-gap:12px;align-items:center;justify-content:end}.nav-link{text-decoration:none;color:#89cff0;padding:.5rem}.nav-link:hover{text-decoration:underline}.fa-bars,.fa-times{color:#89cff0}.menu-icon{display:none}@media screen and (max-width: 1000px){.icon-text{font-size:1.5rem}.NavBarItems{border-radius:15px;width:80%;height:60px;z-index:1}.navBarRight{display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 16px 32px #1f26875e;border-radius:15px;width:100%;max-height:0;overflow:hidden;position:absolute;top:10%;left:0%;align-items:center;padding:0;margin:0;transition:.8s ease-out}.navBarRight.active{max-height:400px;background-color:#000}.nav-link{display:block;padding:1rem 0;color:#89cff0}.nav-link:hover{text-decoration:underline}.menu-icon{display:block;z-index:2}}#projects{display:block;color:#fff;padding:25dvh 0;box-sizing:border-box}.project-intro-title{font-size:2rem;text-align:center;margin-top:5dvh 0 50px}.project-container{display:grid;grid-template-rows:repeat(2,250px);grid-template-columns:repeat(2,600px);justify-content:center;gap:30px}.project{position:relative;padding:20px 20px 0;border-bottom:2px solid rgb(100,100,100)}.project-num{text-align:left;font-size:50px;font-weight:700}.project-button{position:absolute;top:25px;right:20px;background-color:transparent;border:2px solid rgb(100,100,100);border-radius:50%;color:#a0a0a0;font-size:28px;padding:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s,color .3s}.project-button:hover{background-color:#000;color:#fff}.project-title{color:#89cff0}.project-description{color:beige}@media screen and (max-width: 1200px){#projects{padding:10dvh 0;height:auto}.project-container{display:grid;grid-template-rows:repeat(4,300px);grid-template-columns:repeat(1,90%);justify-content:center;gap:30px}.project-title{font-size:1.2rem}.project-description{font-size:.9rem}}.scroll-to-top{position:fixed;bottom:20px;right:20px;background-color:transparent;border:2px solid rgb(100,100,100);border-radius:50%;color:#a0a0a0;font-size:28px;padding:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s,color .3s}.scroll-to-top:hover{background-color:#282828;color:#fff}#skills{display:block;color:#fff;padding:20dvh 0;box-sizing:border-box}.skills-title{font-size:2rem;text-align:center;margin-bottom:50px}.skill-container{display:block}.skills-intro{text-align:center;margin-bottom:3dvh;color:beige}.skills-img-container{display:flex;justify-content:center;margin-bottom:50px}.skill-list{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:0}.skill{width:100px;margin:0 10px;display:flex;flex-direction:column;align-items:center;text-align:center}.skill-icon{width:50px;height:auto;border:1px solid rgb(100,100,100);border-radius:50%;padding:10px;margin:0;background-color:#fff}.skill-name{font-size:1rem;margin-top:3px}@media screen and (max-width: 800px){#skills{height:auto;padding:10dvh 0 20dvh}.skills-intro{font-size:.9rem}.skill-list{grid-template-columns:repeat(2,1fr)}.skill{width:80px;margin:0 8px}.skill-icon{width:40px;padding:8px}.skill-name{font-size:.9rem;margin-top:3px}}