*{box-sizing:border-box;margin:0;padding:0}body,html{background:#000;height:100%;scroll-behavior:smooth}html{font-size:62.5%}body,html{overflow-x:hidden}body{font-family:Rubik,sans-serif;font-weight:400;line-height:1}.navbar{background:#0a192f;height:100px;padding:20px;position:fixed;width:98vw;z-index:99}.navbar-container{align-items:center;display:flex;justify-content:space-between}.navbar-logo{border-radius:30%;height:7rem;transition:all .2s;width:7rem}.mobile-nav{display:none}.navbar-logo:hover{border:2px solid #64ffda}.nav-list{align-items:center;display:flex;gap:30px;list-style:none}.nav-link{color:#ccd6f6;display:flex;font-size:2.5rem;font-weight:500;justify-content:center;text-decoration:none;transition:all .3s}.number{color:#64ffda;margin-right:6px}.nav-link:hover{color:#64ffda;-webkit-transform:translateY(-.4rem);transform:translateY(-.4rem)}.nav-link:hover p{color:#fff}.hamburger{color:#64ffda;cursor:pointer;font-size:40px}.resume-btn{background-color:#64ffda;border:1px solid #64ffda;border-radius:1rem;box-shadow:inset 0 0 0 0 #0a192f;color:#0a192f;cursor:pointer;font-family:Rubik;font-size:17px;font-weight:500;letter-spacing:1px;outline:none;padding:1.2rem 2.4rem;transition:.3s ease-out}.resume-btn:hover{box-shadow:inset 150px 0 0 #0a192f;color:#64ffda}@media (max-width:950px){.nav-link{color:#ccd6f6;font-size:1.75rem;font-weight:500;transition:all .3s}}@media (max-width:750px){.main-nav{display:none}.mobile-nav{align-items:center;display:flex}.hamburger{position:absolute;right:5%}.navbar-container{background-color:rgba(10,25,47,.95);border-top:2px solid #64ffda;position:absolute;right:0;top:100px;width:100%}.nav-list,.navbar-container{display:flex;flex-direction:column}.nav-list{margin-top:2rem}.nav-list,.resume-btn{margin-bottom:2rem}}.hero{align-items:center;background:#000;display:flex;height:90vh;justify-content:center;padding:100px;position:relative;right:0;width:100%;z-index:2}.hero video{height:95vh;left:0;object-fit:cover;opacity:.8;position:absolute;top:0;width:100vw}.text{color:#ccd6f6;font-size:4rem;justify-content:center;text-align:center;z-index:15}.text h1{font-size:7rem}.text p{font-size:3rem;margin-bottom:24px}.text div,.text p{color:#64ffda;margin-top:2rem}@media (max-width:820px){.text h1{font-size:6.5rem}}@media (max-width:415px){.text h1{font-size:5rem}}.skills-section{align-items:center;background:#0a192f;color:#a8b2d1;display:flex;flex-direction:column;font-size:2rem;height:40%;justify-content:center;width:100%}.skill-header{margin-bottom:4rem;margin-top:10rem}section p{color:#64ffda}.skills-list{align-items:center;display:flex;gap:8rem;justify-content:center;margin-top:4rem}.skills-list li{cursor:pointer;font-size:6rem;list-style:none;margin-bottom:3rem;transition:all .3s}.skills-list li:hover{color:#64ffda;-webkit-transform:translateY(-.4rem);transform:translateY(-.4rem);transition:.2s ease-in}.wave1{left:0;line-height:0;overflow:hidden;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%}.wave1 svg{display:block;height:55px;position:relative;width:calc(100% + 1.3px)}.wave1 .shape-fill{fill:#0a192f}.wave2{bottom:0;left:0;line-height:0;overflow:hidden;width:100%}.wave2 svg{display:block;height:55px;position:relative;width:calc(100% + 1.3px)}.wave2 .shape-fill{fill:#0a192f}@media (max-width:950px){.skills-list{align-items:center;display:flex;gap:4rem;justify-content:center;margin-top:4rem}ul li{cursor:pointer;font-size:6rem;list-style:none;transition:all .3s}}.subtext{align-items:center;justify-content:center}@media (max-width:700px){ul{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:repeat(4,1fr);justify-content:center;margin-top:4rem}ul li{cursor:pointer;font-size:6rem;list-style:none;transition:all .3s}.subtext{width:85%}}.wave{left:0;line-height:0;overflow:hidden;position:absolute;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%}.wave svg{display:block;height:125px;position:relative;width:calc(215% + 1.3px)}.wave .shape-fill{fill:#000}footer{align-items:center;background:#0a192f;color:#a8b2d1;display:flex;height:45%;justify-content:center;position:relative;width:100%}.footer-text{margin-top:13rem}.footer-text h2{display:flex;font-size:24px;justify-content:center;margin-bottom:2rem}.email{color:#a8b2d1;font-size:2.5rem;font-weight:500;text-decoration:none;transition:all .3s}.email:hover{color:#64ffda}.social-links{align-items:center;display:flex;gap:3rem;justify-content:center}.social-link{color:#a8b2d1;cursor:pointer;font-size:4rem;list-style:none;margin-top:1.5rem;text-decoration:none;transition:all .3s}.social-link:hover{color:#64ffda;-webkit-transform:translateY(-.4rem);transform:translateY(-.4rem);transition:.2s ease-in}.to-top-btn{align-items:center;color:#a8b2d1;cursor:pointer;display:flex;font-size:6rem;justify-content:center;list-style:none;margin-bottom:2rem;margin-top:1rem;text-decoration:none;transition:all .3s}.to-top-btn:hover{color:#64ffda;-webkit-transform:translateY(-.6rem);transform:translateY(-.6rem);transition:.2s ease-in}@media (max-width:450px){.email{color:#a8b2d1;font-size:2rem;font-weight:500;text-decoration:none;transition:all .3s}}.project-section{align-items:center;background:#000;color:#a8b2d1;display:flex;flex-direction:column;justify-content:center;z-index:15}.card-section{display:flex;gap:3rem;margin-top:3rem}.project-section h1{font-size:3rem;margin-bottom:5rem;margin-top:20rem}@media (max-width:1350px){.card-section{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}}@media (max-width:1000px){.card-section{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}}@media (max-width:650px){.card-section{display:grid;grid-template-columns:repeat(1,1fr)}}.card{box-shadow:5px 5px 15px #0a192fb3}.card:hover{box-shadow:5px 5px 15px rgba(10,25,47,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.card:hover h2{color:#64ffda;transition:all .4s ease-in-out}.card-image{border-top-left-radius:15px;border-top-right-radius:15px;grid-area:image;height:210px;width:300px}.card-text{grid-area:text;margin:25px}.card-text p{font-size:15px;font-weight:300;letter-spacing:1px;margin-top:2rem}.card-text h2{font-size:28px;margin-top:1rem}.card-links{background:#0a192f;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-top:1px solid #64ffda;display:grid;grid-area:links}.link{align-items:center;color:#a8b2d1;display:flex;flex-direction:column;font-size:2rem;justify-content:center;text-decoration:none}.link:hover{color:#64ffda;transition:all .2s ease-in-out}.card{background:#0a192f;border:2px solid #64ffda;border-radius:18px;box-shadow:5px 5px 15px rgba(10,25,47,.7);color:#a8b2d1;cursor:pointer;display:grid;grid-template-areas:"image" "text" "links";grid-template-columns:300px;grid-template-rows:210px 210px 80px;margin-bottom:2rem;margin-top:2rem;text-align:center;transition:all .4s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:50}.about-me{align-items:center;background:#000;color:#a8b2d1;display:flex;flex-direction:column;height:90%;justify-content:center;margin-bottom:4rem;margin-top:6rem;width:100%}.about-me h1{color:#64ffda;font-size:3rem;margin-bottom:5rem;margin-top:17rem;z-index:5}.about-me p{font-size:24px;letter-spacing:1px;line-height:3rem;margin-top:2rem;width:50vw;z-index:5}.photo{border:solid #64ffda;border-radius:50%;cursor:pointer;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:15rem;margin-bottom:3rem;object-fit:cover;transition:all 1s;width:15rem}.photo:hover{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:rotate(1turn);transform:rotate(1turn)}@media (max-width:950px){.about-me p{font-size:20px;letter-spacing:1px;line-height:3rem;margin-top:2rem;width:70vw;z-index:5}}@media (max-width:415px){.about-me p{font-size:18px;letter-spacing:.5px;line-height:2.5rem;margin-top:1rem;width:80vw;z-index:5}}
/*# sourceMappingURL=main.5dd75231.css.map*/