#about-me{display:flex;flex-direction:column;align-items:center;width:100%;user-select:none;height:100%;background:var(--bg-top);padding:60px 0}.about-me .section-title{color:var(--text-color);font-size:2.4rem;font-family:Orbitron,'Lucida Console',Monaco,monospace;font-weight:600;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 25px var(--text-shadow-color);text-align:center}.about-me .content{width:90%;justify-content:space-around;align-items:center;display:flex}.about-me .content .intro{width:50%}.about-me h2{color:var(--text-color);text-align:center;font-size:1.4rem;font-family:Rajdhani,Impact,'Arial Black',sans-serif;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 15px var(--highlight-color)}.about-me h3{color:var(--text-color);text-align:justify;font-size:1.2rem;font-family:Inter,'Segoe UI',Roboto,sans-serif;font-weight:400;line-height:1.7;text-shadow:0 0 10px var(--border-color)}.about-me h4{margin:0;text-align:center;color:var(--text-color);font-family:Rajdhani,Impact,'Arial Black',sans-serif;font-weight:500;letter-spacing:1px;text-transform:uppercase}.about-me .education{width:35%;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:5px}.about-me .fac-btn{margin-right:0!important;height:35px;padding:0 16px}.card{width:90%;height:250px;background-color:transparent;margin-bottom:20px}.card .image{width:100%;height:100%;overflow:hidden}.card .image img{width:100%;height:200px;transition:.5s}.card:hover .image img{opacity:.5;transform:translateX(30%)}.card .details{width:75%;height:200px;transition:.5s;transform-origin:left;transform:translateY(-250px) rotateY(-90deg)}.card:hover .details{transform:translateY(-250px) rotateY(0)}.card .details .center{padding:10px 3px;display:flex;flex-direction:column;text-align:center;background:var(--text-color);height:calc(100% - 20px);justify-content:center;align-items:center}.card .details .center h2{margin:0;padding:0;color:var(--primary-color);line-height:20px;font-size:18px}.card .details .center p{margin:10px 0;font-size:14px;padding:0;color:#000}.card .details .center ul{margin:10px auto 0;padding:0;display:table}.card .details .center ul li{list-style:none;margin:0 5px;float:left}.card .details .center ul li a{display:block;background:var(--background-color);color:var(--text-color);width:30px;height:30px;line-height:30px;text-align:center;transform:.5s}table{border-collapse:separate;border-spacing:2px;width:100%}td{height:15px;border-radius:3px}.legend{display:flex;justify-content:center;margin:10px}.legend-item{text-align:center;font-weight:700;display:inline-block;height:20px;width:20px;margin:0 10px;padding:5px;border-radius:4px;color:#000}.contrib-color-0{background-color:var(--contrib-color-0)}.contrib-color-1{background-color:var(--contrib-color-1)}.contrib-color-2{background-color:var(--contrib-color-2)}.contrib-color-3{background-color:var(--contrib-color-3)}.contrib-color-4{background-color:var(--contrib-color-4)}@media only screen and (max-width:900px) and (min-width:768px){#about-me .content .intro{margin-right:0;width:100%}#about-me .education{width:90%}}@media only screen and (max-width:768px){.card .details .center h2{font-size:15px}.card .details .center p{font-size:13px}#about-me{height:auto}#about-me .content{flex-direction:column;align-items:center}#about-me .content .intro{margin:0;width:100%}#about-me .education{width:90%}}.spaceBetween{width:100%;height:200px}#contact{display:flex;flex-direction:column;align-items:center;width:100%;background:var(--bg-bottom);height:auto;min-height:80%;padding-block:50px}#contact h1{font-size:32px;color:var(--text-color);font-family:Orbitron,"Lucida Console",Monaco,monospace;font-weight:600;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 25px var(--text-shadow-color);text-align:center}#contact p{font-size:18px;color:var(--text-color);text-align:center;font-family:Inter,"Segoe UI",Roboto,sans-serif;font-weight:400;line-height:1.7;text-shadow:0 0 10px var(--border-color)}#projects::before{content:"";display:flex;position:relative;width:100%;height:100%;background:linear-gradient(to bottom,#2c003e 0,transparent 40%);z-index:-1}.contact-content input,textarea{color:var(--text-color)!important;font-weight:500}.contact-form{max-width:400px;min-width:300px;width:70%;display:flex;flex-direction:column;padding:20px;background:var(--card-bg-color);backdrop-filter:blur(20px);border:1px solid var(--border-color);margin:0;box-shadow:0 8px 32px var(--box-shadow-color);border-radius:24px;text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25, .46, .45, .94)}.contact-form::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--shadow-color) 0,var(--primary-box-shadow-color) 100%);opacity:0;transition:opacity .4s ease;z-index:-1}.contact-form:hover::before{opacity:.2}.contact-form label{float:left;font-size:1.2em;color:var(--text-color);font-weight:600;margin-bottom:5px;font-family:Rajdhani,Impact,"Arial Black",sans-serif;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 15px var(--highlight-color)}.contact-form input[type=email],.contact-form input[type=text],.contact-form textarea{width:90%;padding:10px;margin-bottom:20px;border:1px solid var(--highlight-color);border-radius:8px;background:var(--border-color);backdrop-filter:blur(10px);color:var(--text-color);font-family:Inter,"Segoe UI",Roboto,sans-serif;transition:all .3s ease}.contact-form input[type=email]:focus,.contact-form input[type=text]:focus,.contact-form textarea:focus{outline:0;border:1px solid var(--secondary-color);box-shadow:0 0 15px var(--highlight-color);background:rgba(255,255,255,.15)}.contact-form input[type=email]::placeholder,.contact-form input[type=text]::placeholder,.contact-form textarea::placeholder{color:var(--secondary-text-color)}.contact-form textarea{height:120px;resize:vertical}.contact-form button[type=submit]{padding:12px 24px;cursor:pointer;margin:10px 0;border-radius:8px;align-self:center;font-family:Rajdhani,Impact,"Arial Black",sans-serif;text-transform:uppercase;transition:all .3s ease}.contact-form button[type=submit]:hover{transform:translateY(-2px)}@media (max-width:768px){.contact-form{padding:10px}}.contact-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;width:100%}.form-group textarea{height:100px}.direct-contact-container{max-width:400px}.contact-list{list-style-type:none;margin-left:-30px;padding-right:20px}.list-item{line-height:4;color:var(--secondary-text-color)}.contact-text{font:300 18px Inter,"Segoe UI",Roboto,sans-serif;letter-spacing:1px;color:var(--secondary-text-color)}.place{margin-left:42px}.phone{margin-left:36px}.gmail{margin-left:33px}.contact-text a{color:var(--secondary-text-color);text-decoration:none;transition-duration:.2s}.contact-text a:hover{color:var(--text-color);text-decoration:none}.copyright{font:400 14px Rajdhani,Impact,"Arial Black",sans-serif;color:#555;letter-spacing:1.5px;text-align:center;text-transform:uppercase}hr{width:70%;border-color:var(--secondary-text-color)}#footer{width:100%;display:flex;flex-direction:column;align-items:center;background-color:var(--background-color);justify-content:space-between;user-select:none}#footer .whiteline{width:95%;background-color:var(--secondary-text-color);height:2px}#footer .container{color:var(--secondary-text-color);padding:20px 0;width:92%;font-size:18px;display:flex;flex-direction:row;justify-content:space-around;align-items:center}#footer .live-apps-container{display:flex;flex-direction:column;align-items:center;text-align:center}#footer .live-apps-container h4{margin:0 0 10px 0;color:var(--text-color);font-family:Rajdhani,Impact,"Arial Black",sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 15px var(--highlight-color)}#footer .footer-info{display:flex;flex-direction:column;gap:12px;align-items:center}#footer .live-apps{display:flex;flex-direction:column;gap:8px}#footer .live-apps a{color:var(--secondary-text-color);text-decoration:none;font-size:14px;font-family:Inter,"Segoe UI",Roboto,sans-serif;transition:all .3s ease;display:flex;align-items:center;gap:6px}#footer .live-apps a:hover{color:var(--primary-color);text-shadow:0 0 10px var(--text-shadow-color)}#footer .live-apps a i{font-size:12px;color:var(--primary-color)}#footer .social-icons{font-size:30px;width:250px;display:flex;flex-direction:row;justify-content:space-around;align-items:center}#footer .social-icons img{width:25px;align-self:center;justify-self:center;aspect-ratio:1/1}#footer .social-icons i,#footer .social-icons img{color:var(--primary-color);transition:color .2s ease,scale .4s ease}#footer .social-icons i:hover,#footer .social-icons img:hover{scale:1.2;color:var(--secondary-color)}@media screen and (max-width:420px){#footer .container{font-size:1rem;flex-direction:column-reverse;row-gap:16px;text-align:center}#footer .footer-info{border-top:solid 1px var(--secondary-text-color);padding-top:10px}#footer .social-icons{font-size:1.6rem}#footer .live-apps-container h4{font-size:14px}#footer .live-apps a{font-size:13px}}#toast-container{position:fixed;top:24px;right:24px;z-index:99999}.toast{min-width:280px;margin-bottom:12px;padding:16px 24px;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.09);display:flex;flex-direction:column;align-items:center;gap:12px;font-family:Inter,"Segoe UI",Roboto,sans-serif;font-size:1.1em;animation:toast-in .35s ease}.toast-success{border:2px solid #22c55e;background:#fff}.toast-error{border:2px solid #ef4444;background:#fff}.toast .toast-icon{font-size:1.5em;flex-shrink:0}.toast .toast-action{display:flex;flex-direction:column}.toast .toast-action a{color:#1b1b1b;text-decoration:underline;margin-left:8px;font-size:.95em}@keyframes toast-in{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}body,html{margin:0;padding:0;font-family:Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;width:100%;background-color:var(--background-color);height:100%;scroll-behavior:smooth}.internal-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .3s ease}.internal-link:hover{color:#764ba2;text-decoration:underline}.education-links,.home-links,.projects-links,.resume-links,.section-links{background:var(--card-bg-color);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 10px;margin-top:20px;overflow:hidden;transition:all .4s cubic-bezier(.25, .46, .45, .94);box-shadow:0 8px 32px var(--box-shadow-color)}.education-links::before,.home-links::before,.projects-links::before,.resume-links::before,.section-links::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--shadow-color) 0,var(--primary-box-shadow-color) 100%);opacity:0;transition:opacity .4s ease;z-index:-1}body{overflow:hidden}::-webkit-scrollbar{display:none}h2,p{color:var(--text-color);font-family:Orbitron,"Lucida Console",Monaco,"Courier New",monospace;text-shadow:0 0 10px var(--secondary-text-shadow-color)}h1,h2,h4,h5{color:var(--text-color);margin-block:0;font-family:Rajdhani,Impact,"Arial Black",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1px}h3{margin-block:0.1rem;font-family:Inter,"Segoe UI",Roboto,sans-serif;line-height:1.6}.spinner{width:100px;height:100px;background-image:url("../images/meteors/loadingmeteor2.png");background-size:contain;background-repeat:no-repeat;animation:spin 2s linear infinite}.spinner img{transform:rotateZ(180deg);width:250px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}#welcome-message{font-size:1.9em;font-weight:700;color:var(--primary-color);text-align:center}@media screen and (max-width:768px){#welcome-message{font-size:1.5em}}#loading-screen,#welcome-screen{display:flex;position:fixed;z-index:5002;justify-content:center;background:var(--bg-bottom);align-items:center;width:100%;height:100%}#home{background:var(--bg-bottom);width:100%;user-select:none;height:100%}#home h2{margin-block:0.5rem}.navbar .nameOnNav{text-decoration:none;color:var(--primary-color);flex-grow:3;font-size:21px;font-weight:900;font-family:Orbitron,"Lucida Console",Monaco,monospace;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 15px var(--text-shadow-color)}.navbar{position:fixed;top:0;width:100%;background:rgba(51,19,145,0);backdrop-filter:blur(0px);z-index:5000;transition:background-color .8s ease-in-out,backdrop-filter .8s ease-in-out;padding:5px 20px;display:flex;flex-direction:row;align-items:center}.navbar.scrolled{background:rgba(51,19,145,.81);backdrop-filter:blur(5px)}.navbar .barItems{list-style-type:none;display:flex;flex-direction:row;flex-grow:1;justify-content:space-around;align-items:center;padding:0 50px 0 0}.navbar .barItems a{color:var(--text-color);text-decoration:none;transition:color .4s ease,font-weight .1s ease,text-shadow .3s ease;font-size:17px;font-family:Rajdhani,Impact,"Arial Black",sans-serif;font-weight:500;letter-spacing:.8px;text-transform:uppercase}.navbar .barItems a:hover{text-decoration:underline;font-weight:700;text-shadow:0 0 10px var(--text-shadow-color)}.navbar .barItems a.active{color:var(--secondary-color);font-weight:900;text-shadow:0 0 15px var(--highlight-color)}@media only screen and (max-width:900px){#navbar .barItems{padding-inline:8px;width:45%}#navbar .nameOnNav{font-size:17px}#navbar .barItems a{font-size:15px}}@media only screen and (max-width:768px){#navbar{padding-inline:0px;justify-content:space-around}#navbar .nav-btn{font-size:13px!important;margin:0 5px}#navbar .nameOnNav{display:none!important}#navbar .barItems{padding:0;width:70%;row-gap:5%}#navbar i{display:none!important}}@media only screen and (max-width:420px){#navbar .nameOnNav{font-size:0px!important}#navbar .nav-btn{display:none!important}#navbar i{display:none!important}#navbar{justify-content:center}#navbar .barItems a{font-size:13px}#navbar .barItems{padding:0;margin:10px 0;width:90%}}.btn{display:flex;align-items:center;justify-content:center;text-align:center;gap:12px;padding:16px 32px;margin:0;background:linear-gradient(135deg,var(--secondary-color) 20%,var(--primary-color) 80%);border:none;border-radius:50px;text-decoration:none;color:#f0f8ff;font-weight:600;font-size:16px;font-family:Rajdhani,Impact,"Arial Black",sans-serif;transition:all .4s cubic-bezier(.25, .46, .45, .94);position:relative;overflow:hidden;letter-spacing:1px;box-shadow:0 4px 20px var(--highlight-color)}.btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color) 10%,var(--secondary-color) 70%);transition:left .5s ease;z-index:-1}.btn:hover::before{left:0;filter:drop-shadow(0 0 15px var(--highlight-color))}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--highlight-color)}.nav-btn{font-weight:600;margin-right:50px;text-transform:uppercase;width:auto;padding:8px 14px;border-radius:10px}.star{position:absolute;z-index:9999;background:#f0f8ff;border-radius:50%;box-shadow:0 0 10px #f0f8ff;opacity:.8;overflow:hidden;animation:move-stars linear infinite;--start-y:0;--end-y:120vh}@keyframes move-stars{from{transform:translateY(var(--start-y))}to{transform:translateY(var(--end-y))}}.home .home-front{display:flex;height:100%;overflow:hidden;flex-direction:row;align-items:center;justify-content:space-between;justify-content:center}.home .basicInfo{display:flex;flex-direction:column;width:60%;z-index:2;font-size:1.9rem;color:var(--text-color);text-shadow:0 0 20px var(--text-shadow-color)}.home .basicInfo h1,.home .basicInfo h2{margin:.2rem 0;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color),var(--primary-color));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-text 3s ease-in-out infinite}@keyframes gradient-text{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.home .basicInfo .first-line{display:flex;flex-direction:row;align-items:center}.home .basicInfo .first-line div{transform-origin:bottom right;animation:wave-hand 2s infinite}.home .basicInfo .third-line h2{height:4rem;line-height:1.2}.home .social-icons{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:450px;font-size:2rem}.home .social-icons a{transition:scale .4s ease,color .4s ease;color:var(--primary-color)}.home .social-icons img{width:25px;padding-top:5px;aspect-ratio:1/1;align-self:center;justify-self:center}.home .social-icons a:hover{scale:1.5;color:var(--secondary-color)}.home .whiteline{background-color:var(--secondary-text-color);width:50px;height:2px}.home .profile-pic{width:300px;height:300px;background-color:transparent;border-radius:50%}.home .home-front button{justify-content:center;font-size:30px;color:var(--text-color);background:0 0;border:none;border-radius:50%;position:relative;z-index:0;transition:.3s;cursor:default}.home .home-front button:before{content:"";position:absolute;inset:-8px;padding:10px;border-radius:50%;background:conic-gradient(#4367ff,#0000 30deg 120deg,#cc00fa 150deg 180deg,#0000 210deg 300deg,#4367ff 330deg);mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);-webkit-mask-composite:xor;mask-composite:intersect}.home .home-front button:after,.home .home-front button:before{animation:roll 8s infinite;transition:.5s,99999s 99999s transform}@keyframes roll{100%{transform:rotate(360deg);transition:.5s,600s linear transform}}.home .home-front button>img{border-radius:50%;position:relative;top:2px}@keyframes wave-hand{0%,100%{transform:rotateZ(0)}10%,30%,50%{transform:rotateZ(-15deg)}20%,40%,60%{transform:rotateZ(15deg)}70%,80%,90%{transform:rotateZ(0)}}.my-jobs{overflow:hidden;white-space:nowrap;border-right:.1em solid var(--primary-color);animation:typing 2s steps(30,end),blink-caret .75s step-end infinite}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:var(--primary-color)}}@media only screen and (max-width:1080px){#home .basicInfo{font-size:1.5rem}}@media only screen and (max-width:768px){#home .home-front{margin-top:0}#home .basicInfo{width:90%!important;font-size:1.2rem}.home-front{flex-direction:column!important;align-items:center!important;text-align:start}.home-front button{margin:50px}#home .social-icons{width:90%;align-self:center}#home{padding-top:50px}}@media only screen and (max-width:420px){#home{height:auto!important;padding-top:50px}#home .home-front{gap:40px}#home .basicInfo{font-size:1rem}#home .social-icons a{font-size:1.6rem}#home .social-icons img{width:21px;padding-top:5px}#home .whiteline{width:10%}}#asteroid-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:5600}.asteroid{position:absolute;background-size:contain;background-repeat:no-repeat;pointer-events:none;opacity:.8;z-index:5600;filter:drop-shadow(0 0 10px rgba(255, 255, 255, .3))}.asteroid.small{width:30px;height:30px}.asteroid.medium{width:50px;height:50px}.asteroid.large{width:70px;height:70px}@keyframes diagonal-fall{0%{transform:translate(var(--start-x),var(--start-y));opacity:0}10%{opacity:.8}90%{opacity:.6}100%{transform:translate(var(--end-x),var(--end-y));opacity:0}}@keyframes steep-fall{0%{transform:translate(var(--start-x),var(--start-y)) scale(.5);opacity:0}15%{opacity:.9;transform:translate(calc(var(--start-x) + var(--mid-x) * .15),calc(var(--start-y) + var(--mid-y) * .15)) scale(1)}85%{opacity:.7}100%{transform:translate(var(--end-x),var(--end-y)) scale(.8);opacity:0}}@keyframes curved-fall{0%{transform:translate(var(--start-x),var(--start-y));opacity:0}20%{opacity:.9}50%{transform:translate(calc(var(--start-x) + var(--mid-x)),calc(var(--start-y) + var(--mid-y))) scale(1)}80%{opacity:.5}100%{transform:translate(var(--end-x),var(--end-y));opacity:0}}#projects{display:flex;flex-direction:column;align-items:center;width:100%;background:var(--bg-top);height:auto;min-height:100%;user-select:none}#projects .title{font-size:30px;color:var(--text-color);font-family:'Lucida Console',Monaco,monospace;font-weight:600;letter-spacing:3px;text-shadow:0 0 25px var(--text-shadow-color);text-align:center}#projects::after{content:"";display:block;clear:both}#projects .projects-list{display:flex;gap:2rem;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:95%;padding-bottom:20px}#projects .card{border-radius:15px;position:relative;height:400px;background-color:transparent;width:300px;border-color:transparent;justify-self:center;margin:30px 0 auto;transition:all .8s cubic-bezier(.175, .885, .32, 1.275);perspective:1200px;transform-style:preserve-3d;cursor:pointer;animation:cardFloat 5s ease-in-out infinite;filter:drop-shadow(0 10px 20px var(--box-shadow-color))}#projects .card:hover .project-links,#projects .card:hover h2,#projects .card:hover p{opacity:1!important}#projects .card:hover .cover{transform:rotateX(0) rotateY(-180deg)}#projects .card:hover .cover:after{background-color:#000}#projects .cover{position:absolute;height:100%;width:100%;display:flex;justify-content:center;transform-style:preserve-3d;transition:all 1.3s ease;background-size:cover;background-position:center center;background-repeat:no-repeat}.cover:before{content:'';position:absolute;border:5px solid var(--secondary-color);box-shadow:0 0 12px rgba(0,0,0,.3);top:15px;left:15px;right:15px;bottom:150px;z-index:2;transition:all 1.3s ease;transform-style:preserve-3d}.cover .title{font-weight:600;position:absolute;align-self:center;top:255px;text-align:center;margin:5px;transform-style:preserve-3d;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 15px rgba(9,53,255,.6);transition:all 1.3s ease;z-index:3}.cover .job{font-weight:200;position:absolute;margin-bottom:-.5em;bottom:32px;width:90%;color:var(--text-color);transform-style:preserve-3d;transition:all 1.3s ease;z-index:4;font-size:1.1em;text-align:center}.card-back{position:absolute;height:100%;border-radius:15px;width:100%;background:#1f385b;transform-style:preserve-3d;transition:all 1.3s ease;transform:translateZ(-1px);display:grid;flex-direction:column;align-items:center;justify-content:center;justify-items:center}.card-back p{color:var(--text-color);transform-style:preserve-3d;transform:translateZ(-1px) rotateY(180deg)!important;transition:opacity 1s;font-size:15px;text-align:justify;width:92%;opacity:0;top:38px;position:absolute}.card-back h2{color:var(--text-color);transform-style:preserve-3d;transform:translateZ(-1px) rotateY(180deg)!important;opacity:0;transition:opacity 1s;position:absolute;top:5px;font-family:Rajdhani,Impact,'Arial Black',sans-serif;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 10px var(--sec-shadow-color);font-size:22px}.card-back .project-links{transform-style:preserve-3d;transform:translateZ(-1px) rotateY(180deg)!important;position:absolute;display:flex;flex-wrap:wrap;bottom:16px;border-radius:15px;justify-content:space-around;width:90%;height:95px;border:2px solid var(--secondary-color);flex-direction:row;opacity:0;box-shadow:4px 4px 15px var(--secondary-color);background-color:#971D9615;transition:opacity 1s;z-index:5}.card-back .project-links a{transform-style:preserve-3d;transition:transform 1.3s ease,scale .4s ease;transform:translateZ(-1px);background:0 0;font-weight:200;display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:1em;column-gap:10px;color:#f0f8ff;z-index:5550}.card-back .project-links h3{font-size:.9rem;font-family:Rajdhani,Impact,'Arial Black',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-back .project-links i{font-size:1.35rem}.card-back .project-links a:hover{color:var(--secondary-color);scale:1.2}.card-back button{transform-style:preserve-3d;transform:rotateY(180deg);width:130px;height:40px;border-radius:20px;position:absolute;bottom:75px;color:var(--text-color);border-color:transparent;font-size:17px;box-shadow:-1px 3px 4px #971D9689;transition:all .4s ease-in;background-color:var(--secondary-color)}.card-back button:hover{background-color:var(--text-color);color:#051a34}.projects-list .cover::before{border-radius:15px}@keyframes backgroundFloat{0%,100%{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(.5deg)}66%{transform:translateY(10px) rotate(-.5deg)}}@keyframes cardFloat{0%,100%{transform:translateY(0) rotateY(0)}25%{transform:translateY(-6px) rotateY(8deg)}50%{transform:translateY(0) rotateY(0)}75%{transform:translateY(-3px) rotateY(-6deg)}}@keyframes cardFloatMobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media screen and (max-width:420px){#projects .card{margin:20px 0;transform:none;animation:cardFloatMobile 4s ease-in-out infinite}@keyframes cardFloatMobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}}#projects .card:first-child .cover::before{background:url(../images/projects/portfolio.jpg) 0 0/100% 100%}#projects .card:nth-child(2) .cover::before{background:url(../images/projects/samsar.jpg) 0 0/cover}#projects .card:nth-child(3) .cover::before{background:url(../images/projects/indabaX-2024.jpg) 0 0/100% 100%}#projects .card:nth-child(4) .cover::before{background:url(../images/projects/moodMuse.jpg) 0 0/cover}#projects .card:nth-child(5) .cover::before{background:url(../images/projects/RCCar.jpg) 0 0/cover}#projects .card:nth-child(6) .cover::before{background:url(../images/projects/CLITools.png) 0 0/cover}#projects .card:nth-child(7) .cover::before{background:url(../images/projects/Skill-Issue.png) 0 0/100% 100%}#projects .card:nth-child(8) .cover::before{background:url(../images/projects/pv_pipeline.svg) 0 0/105% 100%}#projects .card:nth-child(9) .cover::before{background:url(../images/projects/education-Help.png) 0 0/100% 100%}#projects .card:nth-child(10) .cover::before{background:url(../images/projects/AI-Anatomy.jpg) 0 0/50% 100%}#resume{display:flex;align-items:center;justify-content:center;width:100%;background:var(--bg-bottom);padding:60px 0}.resume-container{display:flex;flex-direction:row;flex-wrap:wrap;width:90%;height:auto;min-height:100%;justify-content:space-around;align-content:center}.skills-container{width:48%;padding:20px 0;z-index:2}.skills-container i[class*=fa-]{font-family:"Font Awesome 6 Brands","Font Awesome 6 Free",sans-serif!important;font-weight:200}.resume h2{text-align:center;font-size:1.4rem;font-family:Orbitron,"Lucida Console",Monaco,monospace;font-weight:600;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 20px var(--text-shadow-color)}.resume ul{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;padding-inline-start:0;gap:1rem}.resume li{list-style-type:none;display:flex;padding:10px;color:var(--text-color);border:2px solid var(--text-color);border-radius:20px;height:20px;width:130px;text-align:center;justify-content:center;align-items:center;transition:all .4s ease}.resume li:hover{border:2px solid var(--secondary-color)}.resume li img{filter:invert();width:20px}.resume h3,.resume i,.resume li img{position:absolute;transition:all .6s ease;text-align:center;font-size:18px;letter-spacing:.5px}.resume li i{opacity:1;scale:1.2}.resume li h3{font-weight:600;opacity:0;font-family:Rajdhani,Impact,"Arial Black",sans-serif}.resume li:hover h3{opacity:1}.resume li:hover i,.resume li:hover img{opacity:0}.resume .card-container{display:flex;flex-direction:row;align-items:flex-start;height:fit-content;z-index:2;justify-content:center;width:35%;min-width:280px;max-width:370px;position:sticky;top:100px}.resume .resume-card{background:var(--card-bg-color);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:30px 20px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25, .46, .45, .94);box-shadow:0 8px 32px var(--box-shadow-color)}.resume .resume-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--shadow-color) 0,var(--primary-box-shadow-color) 100%);opacity:0;transition:opacity .4s ease;z-index:-1}.resume .resume-card:hover::before{opacity:1}.resume .resume-card:hover{transform:translateY(-8px);border-color:var(--highlight-color);box-shadow:0 20px 60px var(--shadow-color)}.resume .resume-card img{width:60px;height:60px;filter:invert() brightness(.9);margin-bottom:24px;transition:all .4s ease}.resume .resume-card:hover img{filter:invert() brightness(1);transform:scale(1.1)}.resume .resume-card a:hover::before{left:0}.resume .resume-card a:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--highlight-color)}.resume .resume-card a h3{margin:0;position:relative;font-size:15px;font-weight:600;letter-spacing:1px;font-family:Rajdhani,Impact,"Arial Black",sans-serif;text-transform:uppercase}.resume .resume-card a i{font-size:16px;position:relative;transition:transform .3s ease}.resume .resume-card a:hover i{transform:translateY(-1px)}.resume .resume-btn{column-gap:10px;padding:12px 24px}@media screen and (max-width:900px){.skills-container{width:95%}.resume .card-container{width:90%;margin-top:30px;position:static;align-items:center}}@media screen and (max-width:500px){.email-text{font-size:14px}.resume h3{font-size:14px}.resume li{width:100px}.resume .card-container{width:95%;min-width:unset}.resume .resume-card{padding:30px 20px}.resume .resume-card img{width:60px;height:60px}.resume .resume-card a{padding:14px 24px;font-size:14px;min-width:160px}.resume .resume-card a h3{font-size:14px}.resume .resume-card a i{font-size:16px}}@media screen and (max-width:300px){.email-text{font-size:12px}.resume .resume-card a{padding:12px 20px;font-size:13px;min-width:140px}}:root{--primary-color:#0935ff;--secondary-color:#971d97;--background-color:#1b2735;--bg-top:radial-gradient(ellipse at top, var(--background-color) 0%, #090a0f 100%);--bg-bottom:radial-gradient(ellipse at bottom, var(--background-color) 0%, #090a0f 100%);--text-color:aliceblue;--secondary-text-color:#bbb;--border-color:rgba(255, 255, 255, 0.1);--card-bg-color:rgba(255, 255, 255, 0.05);--primary-box-shadow-color:rgba(9, 53, 255, 0.1);--box-shadow-color:rgba(0, 0, 0, 0.3);--highlight-color:rgba(151, 29, 151, 0.4);--shadow-color:rgba(151, 29, 151, 0.2);--text-shadow-color:rgba(9, 53, 255, 0.5);--secondary-text-shadow-color:rgba(9, 53, 255, 0.3);--sec-shadow-color:rgba(151, 29, 151, 0.5);--contrib-color-0:#f6e8f6;--contrib-color-1:#e4bfe3;--contrib-color-2:#cd8ccd;--contrib-color-3:#b659b6;--contrib-color-4:#971d97;--contrib-color-5:#5c0f5c}