@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bonheur+Royale&family=Goldman:wght@400;700&family=Pirata+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Jersey+10&family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Bruno+Ace&display=swap";*{margin:0;padding:0;font-size:16pt;scroll-behavior:smooth}body{height:100%;min-height:100vh;background:linear-gradient(183deg,#000,#2f0087);font-family:Open Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}img{content-visibility:auto;will-change:transform}img[loading=lazy]{opacity:0;animation:fadeIn .3s ease-in forwards}@keyframes fadeIn{to{opacity:1}}.container{width:80vw;margin:auto}nav{position:sticky;top:6px;margin-top:25px;padding:10px 20px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);background-clip:padding-box;box-shadow:0 8px 30px #00000073;z-index:9999;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}nav:hover{background:#ffffff17;box-shadow:0 12px 40px #00000080}nav ul{list-style:none;display:flex;justify-content:space-between;align-items:center}nav ul li{font-family:Bebas Neue,sans-serif;transition:all .2s ease-in-out}nav ul li:hover{transform:scale(1.04);color:#fff}nav ul li a:hover{color:#fff}nav ul li,nav ul li a{font-size:1.5rem;color:#fdfdfd}nav ul a{text-decoration:none;color:#fff;transition:all .3s ease-in-out}.intro{height:100vh;display:flex;justify-content:center;align-items:center;cursor:default}.intro .introText h2{font-size:3rem;font-family:Bebas Neue,sans-serif}.intro .introText p{font-size:1rem;color:#b0b0b0}.skills h2{font-family:Goldman,sans-serif;text-align:center;font-size:2rem;padding-bottom:20px;cursor:default}.skills ul{display:flex;align-items:center;justify-content:center;gap:50px;list-style:none}.skills ul li{position:relative}.skills ul li img{height:120px;margin-bottom:30px}.skills ul li span{position:absolute;display:inline-block;text-align:center;bottom:-5%;right:50%;font-size:15px;transform:translate(50%);background-color:#eeeeeec6;color:#000;font-weight:500;padding:3px 10px;border-radius:10px;white-space:nowrap;visibility:hidden;transition:all .2s ease-in-out;margin-top:10px}.skills ul li img{height:120px;margin-bottom:30px;transition:transform .2s ease-in-out;will-change:transform}.skills ul li:hover img{transform:scale(1.1)}.skills ul li:hover span{visibility:visible}.techSkills,.tools{margin-bottom:50px;box-sizing:border-box}.certifications{margin-bottom:50px;box-sizing:border-box;text-align:left}.certifications ul{list-style:none;overflow:visible;position:relative}.certificates{background-color:#26118fc3;padding:20px 15px;border-radius:10px;margin-bottom:20px;box-shadow:11px 11px 8px #0003;transition:transform .5s ease-in-out;will-change:transform;position:relative}.certificates:hover{transform:scale(1.1)}.certificates .title img{height:30px;background-color:#fff;border-radius:50%;margin:5px}.certifications h2{font-family:Goldman,sans-serif;text-align:center;font-size:2rem;padding-bottom:20px;cursor:default}.certificates .title{display:flex;align-items:center;justify-content:center;transition:all .2s ease-in}.certificates .title h5{font-weight:600;font-size:1rem}.certificates p{font-size:.7rem;color:#a6a6a6;opacity:0;transition:all .2s ease-in}.certificates:hover p{opacity:1}.capsule{margin:10px 0;padding:7px 12px;display:flex;justify-content:flex-start;align-items:center;gap:10px;text-align:center;border-radius:10px;transition:all .2s ease-in-out}.capsule:hover{background-color:#fff;border:1px solid black;color:#000;transition:all .2s ease-in-out}.capsule a{text-decoration:none;color:#000;font-size:.8rem;height:inherit}.capsule svg{height:inherit}#footer{height:15vh;padding:20px 40px;background-color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#footer ul{display:flex;list-style:none;justify-content:center;align-items:center;gap:30px}#footer ul li a img{height:50px;transition:all .2s ease-in-out}#footer ul li a img:hover{transform:scale(1.1rem)}.footer ul li:hover img{transform:scale(1.2);transition:all .2s ease-in}#footer ul li{position:relative}#footer ul li span{position:absolute;display:inline-block;text-align:center;bottom:-50%;right:50%;transform:translate(50%);background-color:#eeeeeec6;color:#000;font-size:12px;font-weight:500;padding:3px 10px;border-radius:10px;white-space:nowrap;visibility:hidden;transition:all .2s ease-in-out;margin-top:10px}#footer ul li:hover span{visibility:visible;transition:all .2s ease-in}.copyRights{display:block;text-align:center;padding:10px 0;background-color:#161616}@media (max-width: 768px){.container{width:90vw}nav ul li a{font-size:1.2rem}.intro{display:flex;flex-direction:column;gap:2vh;justify-content:center;align-items:center}.intro .introText p{font-size:.7rem}.intro img{width:60vw}.intro .introText h2,.skills h2,.certifications h2{font-size:1.5rem}.skills ul{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:center;gap:30px}.skills ul li img{height:12vh}.tools ul{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px 10px}.tools ul li img{justify-content:center;align-items:center}.tools ul li:nth-child(1){grid-area:1 / 1 / 2 / 2}.tools ul li:nth-child(2){grid-area:1 / 2 / 2 / 3}.tools ul li:nth-child(3){grid-area:2 / 1 / 3 / 3;width:70%;justify-self:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.certificates p{display:none}.certificates .title h5{font-size:.7rem}#footer{height:7vh}}.loader-container{font-family:Bruno Ace,Goldman,Bebas Neue,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;background:linear-gradient(183deg,#000,#2f0087);position:fixed;top:0;left:0;z-index:9999}.loader{border:8px solid rgba(255,255,255,.3);border-top:8px solid white;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}.loader-text{color:#fff;margin-top:20px;font-size:18px;font-weight:500;letter-spacing:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}