@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";:root{background-color:#243642}body{margin:0;display:flex}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .7s ease-out,transform .7s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}html,body{height:100%;width:100vw!important}.header-nav-wrapper{display:flex;justify-content:space-between;align-items:center;padding:1rem;width:100vw}.header{color:#629584;font-size:2.5rem;font-family:Nunito Sans;font-weight:bolder}.header p{margin:0}.nav-bar{background-color:#38747880;padding:1rem 2rem;margin-right:2rem;border-radius:3rem;position:sticky;top:0;z-index:1000;width:23rem}.nav-bar ul{list-style:none;display:flex;margin:0;padding:0;gap:2rem}.nav-bar li{font-family:Nunito Sans;font-size:1.5rem}.nav-bar a{text-decoration:none;color:#e2f1e7;transition:color .3s ease}.nav-bar a:hover{color:#a8d5b1}.hamburger{display:none;background:none;border:none;color:#e2f1e7;font-size:2.5rem;cursor:pointer;padding:.5rem}.hero-section{position:relative;height:100vh;width:100%}.hero-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;height:700px;width:100vw;margin:0 auto;gap:2rem}.Hero{flex:1;color:#e2f1e7;font-family:Nunito Sans;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;padding-left:5rem;gap:2rem}.hero-text{display:flex;flex-direction:column}.firstHero,.secondHero,.thirdHero{margin:.5rem;opacity:.9;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.firstHero,.secondHero,.thirdHero{font-size:4rem;color:#629584}.social-icons{display:flex;gap:1rem;margin-top:1rem}.git,.link,.leet{height:50px;width:50px;cursor:pointer;transition:transform .3s ease}.git:hover,.link:hover,.leet:hover{transform:scale(1.1)}.contact-btn{width:fit-content;padding:1rem 2rem;font-size:1.5rem;font-family:Nunito Sans;background-color:#629584;color:#e2f1e7;border:none;border-radius:2rem;cursor:pointer;transition:background-color .3s ease}.contact-btn:hover{background-color:#4a7164}.animation-pulse{position:relative}.animation-pulse:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #629584}70%{box-shadow:0 0 0 10px #e53e3e00}to{box-shadow:0 0 #e53e3e00}}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.image{flex:1;display:flex;justify-content:center;align-items:center;padding-right:5rem;margin-bottom:10rem}.image img{max-width:100%;max-height:100%;height:300px;width:300px;border-radius:50%;margin-left:5rem}.spline-container{position:absolute;top:0;left:0;width:100vw;height:100%;z-index:1}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#e2f1e7;font-family:Nunito Sans;font-size:1.5rem}@media screen and (max-width: 968px){.hero-content{width:100%;padding:0 2rem}.Hero{padding-left:2rem}.image{padding-right:2rem}.firstHero,.secondHero,.thirdHero{font-size:4rem}}@media screen and (max-width: 768px){.header-nav-wrapper{padding:1rem}.header p{font-size:2rem}.nav-bar{padding:1rem}.nav-bar ul{display:none}.hamburger{display:block}.nav-bar.responsive{position:relative}.nav-bar.responsive ul{display:flex;flex-direction:column;position:absolute;right:0;top:100%;background-color:#387478;padding:1rem;border-radius:.5rem;width:200px;z-index:1000}.nav-bar.responsive li{font-size:1.8rem;padding:.5rem 0;text-align:center}.nav-bar.responsive li:not(:last-child){border-bottom:1px solid rgba(226,241,231,.2)}.hero-content{flex-direction:column;height:auto;padding:2rem}.Hero{padding-left:0;align-items:center;text-align:center}.firstHero,.secondHero,.thirdHero{font-size:3rem}.social-icons{justify-content:center}.contact-btn{margin:0 auto}.image{padding-right:0;margin-top:2rem}.image img{height:300px;width:300px;margin-left:0}}@media screen and (max-width: 480px){.header p,.nav-bar.responsive li{font-size:1.5rem}.hero-content{padding:1rem}.firstHero,.secondHero,.thirdHero{font-size:2.5rem}.image img{height:250px;width:250px}.contact-btn{font-size:1.2rem;padding:.8rem 1.6rem}}.git,.link,.leet{padding-right:2rem;padding-bottom:2rem}.location{color:gray;font-family:Nunito Sans;padding-left:2rem;font-size:1rem}hr{width:80%;margin:2rem auto;border:none;height:2px;background:linear-gradient(to right,transparent,#629584,transparent)}.project-head{color:#629584;text-align:center;font-size:3rem;font-family:Nunito Sans}.project-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto}.project-image-hiro img{height:300px;width:100px;padding-left:20rem;margin-top:2rem}.project-image-car img{flex:1;height:300px;width:600px;object-fit:cover;border-radius:10px}.project-desc-car{flex:1;min-width:300px;padding:0;display:flex;flex-direction:column;justify-content:center;padding-left:2rem}.car-title{color:#629584;font-size:2rem;font-family:Nunito Sans;margin:0!important;text-decoration:none}.car-desc{color:#e2f1e7;font-size:1rem;font-family:Nunito Sans;line-height:1.6}.project-image-hiro{flex:1;min-width:300px}.project-image-hiro img{height:400px;width:200px;object-fit:cover;border-radius:10px}.project-desc-hiro{flex:1;min-width:300px;padding:2rem}@media screen and (max-width: 768px){.project-container{flex-direction:column;padding:1rem}.project-image-car img,.project-image-hiro img{width:100%;height:auto}.project-desc-car,.project-desc-hiro{padding:1rem}}.project-desc-hiro{flex:1;min-width:300px;padding:0;display:flex;flex-direction:column;justify-content:center;padding-left:2rem}.hiro-title{color:#629584;font-size:2rem;font-family:Nunito Sans;margin:0!important;padding-left:2rem}.hiro-desc{color:#e2f1e7;font-size:1rem;font-family:Nunito Sans;line-height:1.6;padding-left:1rem}.project-image-hiro{flex:1;display:flex;justify-content:flex-start;align-items:center}.project-image-hiro img{height:400px;width:200px;object-fit:cover;border-radius:10px;padding-left:18rem;margin-top:2rem}.tech-badges-hiro{padding-left:2rem}@media screen and (max-width: 768px){.project-desc-hiro{padding:1rem;text-align:center}.project-image-hiro{justify-content:center}.project-image-hiro img{width:100%;height:auto}}.git-more{display:flex;justify-content:center;align-items:center;gap:1rem;text-decoration:none;color:#629584;font-family:Nunito Sans;margin:2rem auto;transition:color .3s ease}.git-more:hover{color:#4a7164}.git-more img{height:50px;width:50px;transition:transform .3s ease}.git-more:hover img{transform:scale(1.1)}.git-more p{font-size:2rem;margin:0}.edu-header{color:#629584;text-align:center;font-size:3.5rem;font-family:Nunito Sans}.education-container{display:flex;flex-direction:column;align-items:center;position:relative;width:80%;margin:auto;padding:40px 0;margin-bottom:4rem}.edu-box{background:linear-gradient(220.55deg,#61c695,#133114);font-family:Nunito Sans;color:#fff;padding:20px;border-radius:10px;width:45%;position:relative;margin:20px 0;box-shadow:0 4px 8px #0003}.edu-box.left{align-self:flex-start}.edu-box.right{align-self:flex-end}.education-container:before{content:"";position:absolute;left:50%;width:4px;height:100%;background-color:#ccc;transform:translate(-50%)}.edu-box:before{content:"";position:absolute;top:50%;width:20px;height:20px;background:#629584;border:4px solid white;border-radius:50%}.edu-box.left:before{right:-12px;transform:translateY(-50%)}.edu-box.right:before{left:-12px;transform:translateY(-50%)}.edu-line{margin-top:2rem}.about-header{color:#629584;text-align:center;font-size:3.5rem;font-family:Nunito Sans}.about-image{width:25rem;height:25rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.about-image img{width:100%;height:100%;object-fit:cover}.about-container{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:80rem;margin:0 auto;padding:2rem}.about-text{flex:1;font-size:1rem;line-height:1.5;color:#fff;font-family:Nunito Sans;padding-left:2rem}.contact-me{color:#629584;text-align:center;font-size:3.5rem;font-family:Nunito Sans;margin-left:2.5rem}.contact-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;background-color:#243642}.contact-form{background-color:#629584;padding:40px;border-radius:10px;width:100%;max-width:700px;box-shadow:0 4px 6px #0003}.contact-form label{display:block;margin-bottom:8px;font-weight:700;color:#fff}.contact-form input,.contact-form textarea{width:100%;padding:10px;margin-bottom:20px;border:none;border-radius:5px;background-color:transparent;color:#fff;border:2px solid white}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#fff}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#fff;box-shadow:0 0 5px #ffffff80}.contact-form button{width:100%;padding:12px;background-color:#fff;color:#629584;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.contact-form button:hover{background-color:#fff;opacity:.8}.footer{margin-top:5rem;background-color:#629584;color:#fff;padding:5px 0;text-align:center;font-family:Nunito Sans,sans-serif;width:100vw}.footer-container{margin:0 auto}.footer p{font-size:1.2rem;margin-bottom:10px}.social-links{margin-top:10px}.social-links a{color:#fff;margin:0 15px;text-decoration:none;font-size:1.1rem;transition:color .3s}.social-links a:hover{color:#629584}@media (max-width: 768px){.social-links{margin-top:15px}.social-links a{margin:0 10px}}