*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}body.light-mode,body.light-mode a{transition:background-color 1s ease-in-out,color 1s;background-color:#fff;color:#000}body.dark-mode,body.dark-mode a{transition:background-color 1s ease-in-out,color 1s;background-color:#000;color:#fff}*{margin:0;padding:0}body.light-mode{transition:background-color 1s ease-in-out,color 1s;background-color:#fff;color:#000}body.light-mode a{transition:background-color 1s ease-in-out,color 1s;color:#000}body.dark-mode{transition:background-color 1s ease-in-out,color 1s;background-color:#000;color:#fff}body.dark-mode a{transition:background-color 1s ease-in-out,color 1s;color:#fff}#stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.star,.asteroid{position:absolute;background-color:#000;border-radius:50%;animation:twinkle 1s infinite alternate,move 10s infinite linear}@keyframes twinkle{0%{opacity:.8}to{opacity:1}}@keyframes move{0%{transform:translate(0);opacity:1}50%{opacity:.5}to{transform:translate(calc(100vw - 100%),-100vh);opacity:0}}nav{display:flex;justify-content:space-around;align-items:center;position:sticky;top:20px;z-index:9;margin:auto;max-width:90%;min-height:80px;max-height:80px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all 1s ease-in-out;border-radius:12px}.navbar-light{box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.navbar-dark{box-shadow:0 4px 8px #fff3,0 6px 20px #ffffff30}.name{font-size:32px;font-weight:400}#toggle-btn>img{width:40px;height:40px}#toggle-btn{cursor:pointer;background:none;border:none;z-index:10;transition:all 1s ease-in-out}#toggle-btn:focus{outline:none}.nav-links{display:flex}.nav-links{display:flex;align-items:center;justify-content:center;list-style:none;gap:2rem}.nav-links li{text-decoration:none}.nav-links>li>a{text-decoration:none;font-size:25px;background:none;transition:all 1s ease-in-out}#toggle-btn:active{transform:scale(.9)}.home-container{gap:5rem;height:100vh;display:flex;margin:0 10rem;box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;padding-top:20vh;padding-bottom:15vh;transition:all .3s ease}#home{height:auto}.text-container{text-align:center;transition:all .3s ease}.image-container{height:400px;width:400px;background-color:#000;border-radius:50%;background-size:cover;background-position:center;margin:0;overflow:hidden}.image-container>img{height:100%;width:100%;object-fit:cover;border:none}.text-container>a>img{height:50px;width:50px;padding:20px 10px 0;transition:transform .3s ease-in-out}.text-container>a>img:hover{transform:scale(1.2) translateY(-6px)}.text-container>h3{font-size:1.5rem;font-weight:500;color:gray}.text-container>p{font-size:3rem;font-weight:500}.text-container>h4{font-size:1rem;font-weight:500;color:gray}#about>p{font-size:1.25rem}.about-container{min-height:100vh;height:100vh;margin:0 10rem;padding-top:12.5vh;transition:all .3s ease-in-out}.home-container{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:5rem}#about>h1{font-size:3rem;font-weight:700;margin-top:2rem;margin-bottom:2rem;text-align:center;text-decoration:underline;text-underline-offset:.6rem}#about>:nth-child(2){font-weight:700;margin-bottom:10px}.about-container>div{display:flex;justify-content:space-around;flex-wrap:wrap;margin-bottom:20px}.skill-card{display:flex;flex-direction:column;justify-content:space-around;max-width:fit-content;min-width:400px;padding:1.5rem;margin:1.5rem 0;border:2px solid;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.skill-card:hover{transform:translateY(-5px)}.skill-card>h3{margin:.5rem 0;margin-bottom:5px}.skill-card>p{margin:0 7vh;font-size:1rem}.skill-card>div>img{height:30px;width:30px;text-align:right;margin:0 1rem}.skill-card>div{display:flex}.skill-card>div>p{margin:0 1rem;font-size:1rem}.skillCard{height:100vh;margin:0 10rem;padding:0 1rem;text-align:center;padding-top:8%}.skill-container{display:flex;justify-content:space-around;flex-wrap:wrap;margin-bottom:20px}#skills>p{font-size:3rem;font-weight:700;margin-bottom:2rem;text-align:center}.skill:hover{transform:scale(1.1)}.skill{max-width:fit-content;min-width:400px;padding:1.5rem;margin:1.5rem 0;border:2px solid;justify-content:space-between;border-radius:10px;transition:transform .3s ease}.skill>h4{align-items:center;text-align:center;justify-self:center;margin-bottom:15px}.img-container{display:flex;justify-content:space-around;align-items:center}.skill>.img-container>img{height:40px;width:40px;margin-bottom:10px;transition:transform .3s ease}.skill>.img-container>img:hover{transform:scale(1.1) translateY(-5px)}.projects-container{display:flex;flex-direction:column;padding-top:20vh;align-items:center}.projects-container>p{font-size:3rem;font-weight:700;padding-bottom:3rem;text-align:center}.projects-cards{display:flex;flex-direction:column;justify-content:center;align-items:center;height:fit-content;width:100vw}.cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:50px;justify-content:center;align-items:center;width:100vw;padding-bottom:20px}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:400px;min-width:400px;border:2px solid;padding:10px 6px;border-radius:10px;text-align:center;min-height:300px;max-height:300px}.card>img{width:100px;height:100px;padding:10px 6px;object-fit:contain;border-radius:8px}.card>h6{font-size:1.5rem;margin:10px 0}.card>p{font-size:1rem;margin:10px 15px}.btn-container>button{background:none;cursor:pointer;padding:15px 10px;border:none;margin:1rem 0;transition:all .3s ease}.btn-container>button>a:hover{transform:scale(1.1)}.btn-container>button>a{height:100%;width:100%;padding:10px 15px;border:2px solid;border-radius:50px;text-decoration:none;margin:10px}.btn-dark{background-color:#000}.btn-dark:hover{background-color:#fff;color:#000;transform:scale(1.1)}.btn-light{background-color:#fff;color:#000}.btn-light:hover{background-color:#000;color:#fff;transform:scale(1.1)}.contact{display:flex;flex-direction:column;height:70vh;padding-top:20vh;align-items:center}.details{display:flex;gap:20px;flex-direction:row;border:2px solid;border-radius:30px;margin-top:20px;padding:20px 40px;justify-content:center;align-items:center;transition:transform 1s ease-in-out}.details img{height:40px;width:40px;z-index:1000;transition:transform 1s ease-in-out}.details:hover{transform:scale(1.1)}.details img:hover{transform:translateY(-6px)}.details>h2>a{font-weight:400;display:flex;justify-content:center;align-items:center;gap:10px}.details>a{font-weight:400;display:flex;justify-content:center;align-items:center;gap:10px}.contact>hr{width:100%;margin-top:150px;margin-bottom:20px}video{height:66px;width:66px;border-radius:20px;pointer-events:none}.footer>h4{font-weight:200;padding-top:10px}.contact-info>p{font-size:small;font-weight:200;padding:0;margin:0}hr{padding:0;margin:0}.contact-info{text-align:center}.contact-info>p>a{font-size:small;font-weight:200;text-decoration:none}.contact-info>p>a:hover{font-size:small;font-weight:1000;text-decoration:none;transition:all 1s ease-in-out}.social-media{display:flex;gap:20px;flex-direction:row;justify-content:center;align-items:center;z-index:1000}.social-media>a>img{height:20px;width:20px;transition:transform 1s ease-in-out}.social-media>a{text-decoration:none;display:inline-block;z-index:10}.social-media>a:hover>img{transform:scale(1.1)}.contact>img{height:40px;width:40px}.details>h2>a{transition:all 1s ease-in-out}.arrow{cursor:pointer;background:none;border:none;z-index:10;position:sticky}.arrow img{transition:opacity .7s ease-in .3s}.arrow img:hover{opacity:.5;transform:scale(1.1)}.home{position:fixed;bottom:40px;right:40px;width:40px;height:40px;padding:10px;border:2px solid black;border-radius:19px;transition:border-color 1s ease-in-out}.arrow{text-align:right;padding-right:10%}.arrow:focus{outline:none}