body{background-color:#0c101a;color:#fff}body{padding:0;margin:0;box-sizing:border-box;font-family:Cal Sans,sans-serif;font-weight:400;font-style:normal}.logo{scale:.2;position:absolute;top:-80px;left:-30px}.navbar{display:flex;position:relative;height:100px}nav{position:absolute;right:40px;display:flex;justify-content:center;margin-top:15px;align-items:center}nav a{position:relative;z-index:1;overflow:hidden;color:#fff;text-decoration:none;padding:6px 20px;border-radius:9px;margin:5px;transition:color .5s ease}nav a:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#7d21df,#20033d);opacity:0;transition:opacity .2s ease;z-index:-1;border-radius:9px}nav a:hover:before{opacity:1}.hero{margin-left:70px;margin-top:50px}.title h2{color:#c9c8c8;font-size:40px;margin:0;letter-spacing:2px}.title h1{background:linear-gradient(to left,#d9d9d9 70%,#7d21df);color:transparent;-webkit-background-clip:text;background-clip:text;font-size:60px;letter-spacing:2px;margin:0}.para{width:600px;margin-top:15px;color:#c9c8c8;word-spacing:1px}.social-links h2{letter-spacing:2px;color:#c9c8c8}.social-links{display:flex;justify-content:left;padding-left:30px;padding-top:50px}.social-links svg{fill:#7d21df;aspect-ratio:1/1}.social-links a{padding:5px;display:flex;align-items:center;transition:.3s ease}.social-links svg:hover{fill:#9d4df3}.hero-section{height:100vh;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;mask-image:linear-gradient(to bottom,#000 70%,#0000);mask-repeat:no-repeat;mask-size:cover}.gradient{position:absolute;right:0;top:0;z-index:-5;height:100vh;width:100vw;box-shadow:inset -200px 0 200px -160px #7d21df;animation:aura 2s ease infinite}@keyframes aura{0%{box-shadow:inset -200px 0 200px -290px #7d21df}50%{box-shadow:inset -200px 0 300px -160px #7d21df}to{box-shadow:inset -200px 0 200px -290px #7d21df}}.skill-section{position:relative}.skill-section h1{margin:15px;text-align:center}.skill-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.glass-container{width:100%;display:flex;justify-content:center;flex-wrap:wrap;flex-grow:1}.glass{width:220px;height:170px;border-top:1px rgba(175,172,172,.421);border-left:1px rgba(175,172,172,.421);border-radius:18px;box-shadow:2px 2px 4px #53535385;background:#ffffff0f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);margin:18px;display:flex;justify-content:center;align-items:center;flex-direction:column;animation:fade-in linear forwards;animation-timeline:view();animation-range-start:cover;animation-range-end:425px}.glass h3{color:#c9c8c8}.services{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:18px;gap:30px}.card{border-top:1px #7D21DF;border-left:1px #7D21DF;max-width:45%;display:flex;justify-content:center;border-radius:18px;flex-direction:column;background:#181e2c;flex-wrap:wrap;box-shadow:2px 3px 3px 2px #80808027;padding:16px 2rem;animation:fade-in linear forwards;animation-timeline:view();animation-range-start:cover;animation-range-end:430px}.card svg{fill:#7d21df}.card p{color:#c9c8c8;word-spacing:1px}.card h3{letter-spacing:1px;margin:5px}.contact{display:flex;justify-content:space-between;align-items:center;flex-direction:column}.contact-field{border:1px solid #565252;padding:18px 30px;border-radius:20px;max-width:40%;margin:20px 0}.contact-field h2{background:linear-gradient(to left,#d9d9d9 60%,#7d21df);color:transparent;-webkit-background-clip:text;background-clip:text}.contact-field h3{color:#7c21de}.contact-field input{background:none;outline:none;font-size:15px;font-weight:600;border:1px solid #565252;padding:16px 20px;min-width:85%;border-radius:24px;color:#b0abab}.contact-field textarea{background:none;outline:none;font-size:15px;font-weight:600;border:1px solid #565252;padding:16px 20px;border-radius:24px;min-width:85%;color:#b0abab}.glass img{scale:.4;transition:.1s ease-in}.glass .fiver{scale:.3}.glass:hover img{scale:.47;cursor:pointer}.glass .skill-img{scale:6}.freelance{margin-bottom:25px}.freelance h2{text-align:center}.freelance .flexbox{display:flex;justify-content:center;align-items:center}.footer{position:relative;background:#180828;height:150px}.footer img{height:50px;position:absolute;top:30px;left:50%;transform:translate(-50%,-50%)}.footer h4{position:absolute;margin:0 0 5px;bottom:0;left:50%;color:#c9c8c8;transform:translate(-50%,-50%)}.footer p{font-weight:600;color:#c9c8c8}.footer .details{padding:25px 20px}@keyframes scroll-watcher{to{scale:1 1}}@keyframes fade-in{0%{scale:.8;opacity:0}to{scale:1;opacity:1}}