#nav{height:100vh}.navbar{display:flex;justify-content:center;align-items:center;padding:20px;color:#fff;width:100%;position:relative;z-index:100;box-sizing:border-box}.navbar-links{display:flex;gap:20px}.navbar-links a{color:#fff;text-decoration:none;font-size:1.1rem;transition:text-shadow .3s;cursor:pointer}.navbar-links a:hover{text-shadow:0 0 5px #FFF,0 0 10px #FFF,0 0 15px #FFF,0 0 20px #45d4fc,0 0 25px #45d4fc}.navbar-toggle{display:none;flex-direction:column;cursor:pointer;position:absolute;right:20px;z-index:101}.navbar-toggle .bar{width:25px;height:3px;background-color:#fff;margin:4px 0;transition:.4s}@media (max-width: 991px){.navbar{justify-content:space-between;padding:20px 10px}.navbar-links{position:absolute;top:60px;left:0;width:100%;flex-direction:column;align-items:center;gap:15px;padding:20px 0;transform:translateY(-200%);transition:transform .3s ease-in-out}.navbar-links.open{transform:translateY(0)}.navbar-toggle{display:flex}}#welcome-container .main{display:flex;justify-content:center;align-items:center;color:#61dafb;text-align:center;margin-top:200px}.message{font-size:2.5rem;opacity:0;transform:translate(-50px);transition:opacity .7s ease,transform .7s ease;margin:0 10px}.message.visible{opacity:1;transform:translate(0)}#welcome-container .text{transform:rotateX(0) rotateY(-25deg);text-align:center;color:#f3f3f3;position:relative;transition:color .4s ease,text-shadow .2s ease}.text:hover{text-shadow:none}.scroll-text{display:flex;justify-content:center}@keyframes bounce{0%,20%,50%,80%,to{transform:translateZ(-2px) translateY(5px)}40%{transform:rotateY(180deg) translateZ(-2px) translateY(-35px)}60%{transform:translateZ(-2px) translateY(-25px)}}.scroll-more{text-align:center;font-size:8rem;opacity:1;transition:opacity .3s ease;font-family:monospace;pointer-events:none;z-index:-1;transform-origin:center;-webkit-animation:bounce 3s cubic-bezier(.37,0,.21,1.02) infinite,fonts 5s linear infinite;animation:bounce 3s cubic-bezier(.37,0,.21,1.02) infinite,fonts 5s linear infinite;margin-top:180px}@media (max-width: 991px){.scroll-more{margin-top:40%}}body{margin:0;color:#fff;background-color:#1a1a1a;font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.title{font-size:2rem}.glow{text-shadow:0 0 5px #FFF,0 0 10px #FFF,0 0 15px #FFF,0 0 20px #45d4fc,0 0 25px #45d4fc,0 0 30px #45d4fc}.subtle{margin-top:20px;font-size:14px;transition:color 2s ease;color:#6868681e}.centered{display:block;margin-left:auto;margin-right:auto;text-align:center}#about{height:100vh;margin-top:20px;margin-left:5%;display:flex;flex-direction:column}#about .object{font-family:Courier New,Courier,monospace;font-size:1.2em;color:#ddd;padding:25px;margin-top:100px}#about .keyword{color:#4c4cff}#about .string{color:#f57373}#about .paranthesis{color:#e077fa}#about .indent{margin-left:20px}#about .text{width:60%;font-size:1.5em;color:#ddd;padding-top:10px}#about .cursor{display:inline-block;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}@media (max-width: 991px){#about{margin-left:5%}#about .title{text-align:center}#about .text{width:80%}}#career{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;padding-top:20px}#career .career-wrapper{position:absolute}#career .career-dot{position:absolute;width:20px;height:20px;background-color:#fff;border-radius:50%;animation:float 5s infinite ease-in-out,scaleAndMove 10s infinite ease-in-out,colorChange 5s infinite ease-in-out;cursor:pointer;transition:transform .3s ease;z-index:1;box-shadow:0 1px 10px #fff}#career .career-dot:hover{transform:scale(1.5);animation-play-state:paused}#career .career-wrapper:hover .career-card{opacity:1;transform:translateY(-10px);pointer-events:auto;z-index:10}#career .career-card{position:absolute;width:200px;padding:15px;background-color:#545454e6;border-radius:10px;box-shadow:0 0 15px #0003;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes scaleAndMove{0%{transform:scale(1) translate(0) translateY(0)}25%{transform:scale(1.2) translate(8px) translateY(-9px)}50%{transform:scale(1.5) translate(10px) translateY(10px)}75%{transform:scale(1.3) translate(-10px) translateY(10px)}to{transform:scale(1) translate(0) translateY(0)}}@keyframes colorChange{0%{background-color:tomato}20%{background-color:#ffeb3b}40%{background-color:#4caf50}60%{background-color:#2196f3}80%{background-color:#9c27b0}to{background-color:tomato}}@media (max-width: 991px){#career{height:auto;padding-bottom:60px}#career .career-card{width:140px;padding:7px}#career .career-wrapper{position:static;display:flex;align-items:center;margin:18px 0}#career .career-dot{position:static;margin-right:12px;animation:float 5s infinite ease-in-out,colorChange 5s infinite ease-in-out}#career .career-card{position:static;opacity:1!important;transform:none!important;pointer-events:auto}#career h3{font-size:18px}#career p{font-size:14px}#career span{font-size:12px}}.projects{position:relative;overflow:hidden;padding:50px 0}.projects .container{display:flex;flex-direction:column;align-items:center;padding:0 20px}.projects .list{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:80px;position:relative}.projects .project-card{border-radius:8px;padding:20px;color:#fff;text-align:center;box-shadow:0 10px 15px #0003;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;text-transform:lowercase;width:180px;position:relative}.projects .project-card.visible,.projects .project-card.selected{opacity:1}.projects .project-title{font-size:1.8rem;margin-bottom:.5rem;color:#61dafb;transition:transform .3s ease,opacity .3s ease}.projects .project-description{max-height:0;font-size:1.2rem;color:#ccc;opacity:0;transition:opacity .3s ease,transform .3s ease,max-height .3s ease;transform:translateY(10px);visibility:hidden}.projects .project-card:hover{background-color:#444}.projects .project-card.selected .project-description{max-height:min-content;opacity:1;visibility:visible;transform:translateY(0)}.projects .project-card:hover .project-title{transform:translateY(-10px)}.projects .project-card:hover{transform:scale(1.05);box-shadow:0 20px 30px #00000080}.footer{color:#fff;padding:20px 0;text-align:center}.footer .socials{display:flex;justify-content:center;align-items:center;width:min-content;gap:20px;margin:0 auto}.footer .socials .social{cursor:pointer;transition:color .3s ease-in-out}.footer .socials .social:hover{color:#61dafb}.footer .divider{width:80%;height:1px;margin:10px auto;background-color:#5f5f5f}.footer .last{display:flex;justify-content:center;align-items:center}.footer .last .icon{padding-left:10px;color:#61dafb}