@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";.about{background-color:inherit rgba(255,0,0,.247);min-height:90vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.about h3{color:#9a73b5;position:relative}.about h3:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;border-radius:1rem;background-color:#9a73b5}.about .intro{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.about .dp{height:300px;aspect-ratio:3/4;overflow:hidden;border-radius:1.5rem}.about .dp img{height:300px;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.about .details{width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.about .details h2{font-weight:600}.about .details p{font-size:15px}.about .details button{padding:.75rem 2.5rem;outline:none;border:2px solid #9a73b5;border-radius:.5rem;background-color:transparent;color:#9a73b5;font-size:18px;font-weight:500;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.about .details button:hover{background-color:#9a73b5;color:#fff}@media screen and (width > 1080px){.about{padding:2rem 8rem}.about .intro{flex-direction:row;justify-content:space-between;width:90%}.about .intro .dp,.about .intro .dp img{height:400px}.about .intro .details{width:60%;text-align:left;align-items:flex-start}.about .intro .details h2{margin-bottom:2rem}.about .intro .details p{font-size:17px}}@media screen and (786px < width <= 1080px){.about{padding:2rem 6rem}.about .intro{flex-direction:row;justify-content:space-between;width:90%}.about .intro .details{width:70%;text-align:left;align-items:flex-start}.about .intro .details h2{margin-bottom:2rem}.about .intro .details p{font-size:16px}}.home{height:90vh;margin-top:3rem;padding:1rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;text-align:center;position:relative;overflow:hidden}.home .intro{width:100%;display:flex;flex-direction:column;gap:3rem}.home .intro ul{list-style-type:none;display:flex;justify-content:center;flex-direction:row;gap:1rem}.home .intro ul li{width:64px;height:64px;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.home .intro ul li:hover{transform:scale(1.1)}.home .intro ul li a{color:#9e9e9e}.home .intro ul li a img{width:100%;height:100%}.home .intro h1{font-size:72px}.home .intro h2 span{color:#9a73b5}.home .intro h4 span{color:#9e9e9e}@media screen and (width < 768px){.home .intro h1{font-size:48px}}nav{width:100%;background-color:#9a73b5;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 2rem;box-shadow:0 10px 15px -3px #0000001a}nav.sticky-nav{width:100%;position:fixed;top:0;left:0;z-index:2}nav .logo h4{font-weight:600;background:-webkit-linear-gradient(175deg,#536976,#292e49);background:#b3ffab;background:linear-gradient(57deg,#b3ffab 0%,#12fff7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:spin 3s linear infinite}@keyframes spin{0%{background:#b3ffab;background:linear-gradient(57deg,#b3ffab 0%,#12fff7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}25%{background:#b3ffab;background:linear-gradient(70deg,#b3ffab 0%,#12fff7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}50%{background:#b3ffab;background:linear-gradient(183deg,#b3ffab 0%,#12fff7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}75%{background:#b3ffab;background:linear-gradient(287deg,#b3ffab 0%,#12fff7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}to{background:#b3ffab;background:linear-gradient(360deg,#b3ffab 0%,#12fff7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}}nav .navbar{width:100%;display:flex;justify-content:space-between}nav .icons{display:flex;gap:1rem;align-items:center;justify-content:center}nav .theme-toggle{width:40px;height:40px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:6px}nav .menu{width:28px;height:28px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;z-index:3}nav .menu span{width:100%;height:3px;border-radius:10px;background-color:#fff;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}nav .menu.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}nav .menu.open span:nth-child(2){opacity:0}nav .menu.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}nav .nav-keys{display:none;flex-direction:column;gap:2rem;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}nav .nav-keys ul{display:flex;flex-direction:column;list-style-type:none;gap:2rem}nav .nav-keys ul li{position:relative;display:inline-block;cursor:pointer;overflow:hidden;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}nav .nav-keys ul li:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2.5px;bottom:0;left:0;background-color:#2d2d2d;transform-origin:bottom right;transition:transform .25s ease-out}nav .nav-keys ul li:before{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;top:0;left:0;background-color:#2d2d2d;transform-origin:bottom right;transition:transform .25s ease-out}nav .nav-keys ul li:hover a{color:#2d2d2d}nav .nav-keys ul li:hover:before{transform:scaleX(1);transform-origin:top left}nav .nav-keys ul li:hover:after{transform:scaleX(1);transform-origin:bottom right}nav .nav-keys ul a{font-size:1rem;font-weight:500;text-decoration:none;color:#fff;transition:all .25s ease-out}nav .show{display:flex}@media screen and (width >= 786px){nav{flex-direction:row}nav .nav-keys{display:flex;flex-direction:row}nav .nav-keys ul{flex-direction:row}nav .menu{display:none}}.skills{margin:2rem auto;max-height:100vh;display:flex;gap:2.5rem;flex-direction:column;align-items:center;justify-content:center;padding-left:1rem;text-overflow:ellipsis}.skills h3{text-align:center;color:#9a73b5;position:relative;display:inline-block}.skills h3:after{content:"";position:absolute;width:100%;height:4px;background-color:#9a73b5;left:0;bottom:0;border-radius:1rem}.skills .skills-icons button{background-color:transparent;outline:none;border:2px solid #9a73b5;padding:.5em 1em;color:#9a73b5;font-size:1rem;margin:.25rem;cursor:pointer;transition:all .3s ease-in-out;border-radius:.75rem}.skills .skills-icons button:hover{background:linear-gradient(45deg,#8b5fbf,#69b4ff);color:#fff}.skills .skills-icons .all-skills{display:flex;justify-content:start;gap:1rem;margin:1rem 0;flex-direction:column}.skills .skills-icons ul{list-style-type:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem}.skills .skills-icons ul li{width:100px;height:100px;display:grid;place-items:center;position:relative;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.skills .skills-icons ul li img{transition:all .5s cubic-bezier(.175,.885,.32,1.275);-o-object-fit:contain;object-fit:contain}.skills .skills-icons ul li span{font-weight:500;position:absolute;stroke-width:1px;bottom:-100px;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.skills .skills-icons ul li:hover img{filter:blur(2px) brightness(.4);transform:scale(1.2)}.skills .skills-icons ul li:hover span{bottom:30%}@media screen and (786px <= width < 1080px){.skills-icons{width:70%}.skills-icons ul{gap:2.5rem}.skills-icons ul li{flex:1 0 20%}}@media screen and (width >= 1080px){.skills-icons{width:65%}.skills-icons ul{gap:3rem}}.work{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center}.work>h3{text-align:center;color:#9a73b5;position:relative;display:inline-block}.work>h3:after{content:"";position:absolute;width:100%;height:3px;background-color:#9a73b5;left:0;bottom:0;border-radius:1rem}.work .projects{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem auto;gap:2rem}.work .projects .item{width:90%;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.work .projects .item a{width:80%;border-radius:1rem;overflow:hidden}.work .projects .item a:hover img{transform:scale(1.05)}.work .projects .item a img{border-radius:1rem;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:all .3s ease}.work .projects .item .description h3{margin-bottom:1rem}.work .projects .item .description p{opacity:.8}.work .projects .item .description ul{list-style-type:none;display:flex;flex-wrap:wrap;align-items:center;gap:.15rem;margin-bottom:1em}.work .projects .item .description ul span{background:#8b5fbf;color:#fff;text-transform:capitalize;padding:.2em .5em;border-radius:.5em;margin:0 .2em}.work .projects .item .description .btns{display:flex;gap:1rem}.work .projects .item .description .btns button{padding:.35rem .75rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;outline:none;border:2px solid #9a73b5;background-color:transparent;border-radius:.5rem;font-weight:500;color:#9a73b5}.work .projects .item .description .btns button:hover{opacity:.8}.work .projects .item .description .btns button img{width:1rem;height:1rem}.work .projects .item .description .btns button:first-child{color:#fff;background-color:#9a73b5}@media screen and (786px < width < 1080px){.projects .item{width:85%}.projects .item a{width:60%}.projects .item .description{width:70%}}@media screen and (width >= 1080px){.work .projects .item{width:75%;flex-direction:row}.work .projects .item a{width:40%}.work .projects .item .description{width:50%}.work .projects .item:nth-child(2n){flex-direction:row-reverse}}.contact{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem}.contact h3{text-align:center;color:#9a73b5;position:relative;display:inline-block}.contact h3:after{content:"";position:absolute;width:100%;height:3px;background-color:#9a73b5;left:0;bottom:0;border-radius:1rem}.contact div{display:flex;justify-content:space-between;align-items:center;gap:1rem}.contact div .touch{display:none;flex-direction:column;justify-content:space-between}.contact div .touch .icons ul{list-style-type:none;display:flex;justify-content:center;align-items:center;gap:2rem}.contact div .touch .icons ul li{width:60px;height:60px;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.contact div .touch .icons ul li:hover img{transform:scale(1.15)}.contact div .touch .icons ul li img{width:100%;transition:all .5s cubic-bezier(.175,.885,.32,1.275);-o-object-fit:cover;object-fit:cover}.contact div form{display:flex;flex-direction:column;gap:1rem}.contact div form input,.contact div form textarea{width:100%;max-width:350px;padding:.7rem 1.5rem;outline:none;border:none;border-radius:.3rem}.contact div form button{padding:.75rem 2.5rem;outline:none;border:2px solid #9a73b5;border-radius:.3rem;background-color:transparent;color:#9a73b5;font-size:18px;font-weight:500;transition:all .5s cubic-bezier(.175,.885,.32,1.275);align-self:flex-end}.contact div form button:hover{background-color:#9a73b5;color:#fff}@media screen and (768px <= width <= 1080px){.contact{padding:1rem 3rem}.contact div .touch{display:flex}.contact div input,.contact div textarea{max-width:450px;padding:.7rem 1.5rem;outline:none;border:none;border-radius:.3rem}}@media screen and (width > 1080px){.contact div .touch{display:flex;width:50%;gap:3rem}.contact div .touch form{width:50%}.contact div .touch form input,.contact div .touch form textarea{max-width:550px;padding:.7rem 1.5rem;outline:none;border:none;border-radius:.3rem}}footer{text-align:center;position:absolute;width:100%;background-color:#1e1e1e;z-index:-1}footer p{color:#fff}footer p span{font-weight:600;font-size:1.5rem;color:#9e9e9e}*,:after,:before{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;scroll-behavior:smooth}.gradient-bg{background:linear-gradient(45deg,#8b5fbf,#69b4ff)}body.light{background:#e9e4ed;color:#4a4a4a}body.dark{background:#2d2d2d;color:#fff}html{font-size:100%}body{font-weight:400;line-height:1.75}p{margin-bottom:1rem}h1,h2,h3,h4,h5{font-family:Josefin Sans,sans-serif;font-weight:600;line-height:1.3;margin-top:0}h1{font-size:3.052rem}h2{font-size:2.441rem}h3{font-size:1.953rem}h4{font-size:1.563rem}h5{font-size:1.25rem}small,.text_small{font-size:.8rem}