@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";:root{--duration: 1.5s;--container-size: 250px;--box-size: 33px;--box-border-radius: 15%}.loader-wrapper{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:9999;background-color:#242424;opacity:1;transition:opacity .8s ease-out}.loader-wrapper.hidden{opacity:0;visibility:hidden}.container-loader{width:var(--container-size);display:flex;justify-content:space-between;align-items:center;position:relative}.load-box{width:var(--box-size);height:var(--box-size);position:relative;display:block;transform-origin:-50% center;border-radius:var(--box-border-radius);background:#000}.load-box:after{content:"";width:100%;height:100%;position:absolute;top:0;right:0;background-color:#add8e6;border-radius:var(--box-border-radius);box-shadow:0 0 10px #d2afff}.load-box:nth-child(1){animation:slide var(--duration) ease-in-out infinite alternate}.load-box:nth-child(1):after{animation:color-change var(--duration) ease-in-out infinite alternate}.load-box:nth-child(2):after{background-color:#d8b9ff}.load-box:nth-child(3):after{background-color:#e1c4ff}.load-box:nth-child(4):after{background-color:#e7d1ff}.load-box:nth-child(5):after{background-color:#e6d7ff}@keyframes slide{0%{background-color:#d2afff;transform:translate(0)}to{background-color:#e7d1ff;transform:translate(calc(var(--container-size) - (var(--box-size) * 1.25)))}}@keyframes color-change{0%{background-color:#d2afff}to{background-color:#e7d1ff}}@keyframes flip-1{0%,15%{transform:rotate(0)}35%,to{transform:rotate(-180deg)}}@keyframes flip-2{0%,30%{transform:rotate(0)}50%,to{transform:rotate(-180deg)}}@keyframes flip-3{0%,45%{transform:rotate(0)}65%,to{transform:rotate(-180deg)}}@keyframes flip-4{0%,60%{transform:rotate(0)}80%,to{transform:rotate(-180deg)}}@keyframes flip-5{0%,75%{transform:rotate(0)}95%,to{transform:rotate(-180deg)}}@keyframes squidge-1{5%{transform-origin:center bottom;transform:scaleX(1.3) scaleY(.7)}15%,25%{transform-origin:center bottom;transform:scaleX(.8) scaleY(1.4)}55%,to{transform-origin:center top;transform:scaleX(1) scaleY(1)}}@keyframes squidge-2{20%{transform-origin:center bottom;transform:scaleX(1.3) scaleY(.7)}30%,40%{transform-origin:center bottom;transform:scaleX(.8) scaleY(1.4)}70%,to{transform-origin:center top;transform:scaleX(1) scaleY(1)}}@keyframes squidge-3{35%{transform-origin:center bottom;transform:scaleX(1.3) scaleY(.7)}45%,55%{transform-origin:center bottom;transform:scaleX(.8) scaleY(1.4)}85%,to{transform-origin:center top;transform:scaleX(1) scaleY(1)}}@keyframes squidge-4{50%{transform-origin:center bottom;transform:scaleX(1.3) scaleY(.7)}60%,70%{transform-origin:center bottom;transform:scaleX(.8) scaleY(1.4)}95%,to{transform-origin:center top;transform:scaleX(1) scaleY(1)}}@keyframes squidge-5{65%{transform-origin:center bottom;transform:scaleX(1.3) scaleY(.7)}75%,85%{transform-origin:center bottom;transform:scaleX(.8) scaleY(1.4)}to{transform-origin:center top;transform:scaleX(1) scaleY(1)}}.load-box:nth-child(2){animation:flip-1 var(--duration) ease-in-out infinite alternate}.load-box:nth-child(2):after{animation:squidge-1 var(--duration) ease-in-out infinite alternate}.load-box:nth-child(3){animation:flip-2 var(--duration) ease-in-out infinite alternate}.load-box:nth-child(3):after{animation:squidge-2 var(--duration) ease-in-out infinite alternate}.load-box:nth-child(4){animation:flip-3 var(--duration) ease-in-out infinite alternate}.load-box:nth-child(4):after{animation:squidge-3 var(--duration) ease-in-out infinite alternate}.load-box:nth-child(5){animation:flip-4 var(--duration) ease-in-out infinite alternate}.load-box:nth-child(5):after{animation:squidge-4 var(--duration) ease-in-out infinite alternate}:root{--box-color: #505150}#nav{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:#333;height:50px;border-radius:50px;box-shadow:3px 3px 5px #0000004d;border:1px solid var(--box-color);min-width:80%;max-width:90%;z-index:10}#nav ul{display:flex;justify-content:space-between}#nav a img{width:28px;filter:invert(90%) sepia(10%) saturate(500%) hue-rotate(220deg) opacity(75%);transition:filter .3s ease-in-out;display:inline-block}#nav a img:hover{filter:brightness(0) invert(1) grayscale(30%) opacity(90%) drop-shadow(0 0 3px rgba(255,255,255,.3))}.btn{padding:3px;background:transparent;width:25px;cursor:pointer;opacity:.7;margin-right:5px}.btn:hover img{filter:none}.btn img{display:block;width:100%;filter:brightness(0) invert(1) grayscale(30%) opacity(80%)}#nav ul li{box-sizing:border-box;margin-right:10px;display:flex;align-items:center}#nav ul li .btns{color:#cacaca;font-size:15px;font-weight:500;font-family:sans-serif;box-sizing:border-box;transition:all .3s ease;padding:10px;display:inline-block;cursor:pointer}#nav ul li:hover .btns{color:#fff;font-weight:700;transform:scale(1.1)}#nav ul li .active{color:#f5efff;font-weight:700;transform:scale(1.1)}#nav ul li:last-child{margin-right:0}.Closeside{background:none;cursor:pointer;color:#cacaca;width:fit-content;display:none;width:30px;padding:2px;opacity:.6}.Closeside img{width:80%;filter:invert(1)}#nav.show{right:0}#overlay{background-color:#00000080;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:none}@media all and (min-width: 768px){#nav{padding:0 20px;background:#333;height:50px;border-radius:50px;box-shadow:3px 3px 5px #0000004d;border:1px solid var(--box-color);min-width:90%;max-width:95%;z-index:10}}@media all and (max-width: 640px){#nav{top:0;right:-400px;left:auto;transform:translate(0);height:100vh;min-width:30%;max-width:34%;border-radius:0;flex-wrap:wrap;padding:0;align-items:flex-start;transition:right .3s ease-in-out}.Closeside,.Openside{display:block}#nav ul{flex-direction:column}#nav ul li.cls{padding:10px 0 40px 5px}#nav ul li{width:100%;padding:5px 20px;-webkit-tap-highlight-color:transparent;outline:none}#nav a{width:100%;display:none}button.btn{margin-left:5px}#nav.show~#overlay{display:block}}@media all and (max-width:380px){#nav{min-width:40%;max-width:44%}}@font-face{font-family:Playwrite;src:url(/assets/PlaywriteHU-Regular-Duao0oca.ttf);font-weight:400;font-style:normal}@font-face{font-family:Raleway;src:url(/assets/Raleway-Italic-VariableFont_wght-CvGRowhG.ttf);font-weight:400;font-style:normal}@font-face{font-family:Monda;src:url(/assets/Monda-VariableFont_wght-BIr7qEr0.ttf);font-weight:400;font-style:normal}#spotlight{position:relative;width:100%;height:auto;margin:0 auto;padding:110px 0 30px;background-color:#242424;text-align:center}#spotlight:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:2px;background-color:#515151}#spotlight div.top h1{font-family:Monda,sans-serif;font-size:50px;font-weight:600;margin:0 auto;background:linear-gradient(90deg,#4f4f4f,#fff,#4f4f4f);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientMove 3s linear infinite}#spotlight div.top h3{font-family:Raleway,sans-serif;font-size:20px;font-weight:400;color:#727272}@keyframes gradientMove{0%{background-position:0% 50%}to{background-position:100% 50%}}#spotlight div.bottom div.boxes{display:flex;justify-content:space-around;align-items:center;position:relative;width:50%;height:130px;margin:0 auto}#spotlight div.bottom div.boxes span.box{display:flex;align-items:center;justify-content:center;width:75px;height:65px;border-radius:30px;background-color:#313131;box-shadow:3px 3px 5px #00000080;transition:background-color .3s ease}#spotlight div.bottom div.boxes span.box:hover{background-color:#505150}#spotlight div.bottom div.boxes span.box img{width:40px;height:40px;object-fit:contain}#spotlight div.bottom div.boxes span.box1,#spotlight div.bottom div.boxes span.box5{align-self:flex-end}#spotlight div.bottom div.boxes span.box4{align-self:flex-start}#spotlight div.bottom h1.monitor{font-family:playwrite,cursive;font-size:45px;font-weight:400;width:fit-content;margin:66px auto 0;padding-left:20px;background:linear-gradient(to right,#1ec01e,#fdc763,#f92727,pink,#009dff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media all and (max-width: 768px){#spotlight{padding-bottom:3px}#spotlight div.bottom div.boxes{width:70%}#spotlight div.bottom h1.monitor{font-size:38px}}@media all and (max-width: 480px){#spotlight{padding-top:100px}#spotlight div.top h3{font-size:18px}#spotlight div.bottom div.boxes{width:90%}#spotlight div.bottom h1.monitor{font-size:35px;margin-top:50px}#spotlight div.bottom div.boxes span.box{width:55px;height:50px;border-radius:18px}#spotlight div.bottom div.boxes span.box img{width:40px;height:30px;object-fit:contain}}@media all and (max-width: 380px){#spotlight div.bottom div.boxes{width:100%;justify-content:center;gap:15px}#spotlight div.bottom div.boxes span.box{width:55px;height:50px;border-radius:18px}#spotlight div.bottom div.boxes span.box img{width:40px;height:30px;object-fit:contain}#spotlight div.bottom h1.monitor{font-size:31px;margin-top:56px;padding-left:12px}}@media all and (max-width: 320px){#spotlight div.bottom div.boxes{width:100%;justify-content:center;gap:15px}#spotlight div.bottom div.boxes span.box{width:50px;height:50px}#spotlight div.bottom div.boxes span.box img{width:28px;height:28px}}*{margin:0;padding:0;border:0;text-decoration:none;outline:none;box-sizing:border-box}ol,ul{list-style:none}.Openside{background:none;width:35px;position:fixed;right:5%;top:5%;opacity:.8;z-index:4;border:none;cursor:pointer;display:none}.Openside img{filter:invert(1)}#spotlight div.bottom{background-image:url(/assets/table5-BTJpJBQN.png);background-size:500px;background-repeat:no-repeat;background-position:center bottom 90px;height:590px;position:relative;margin-top:50px}@media all and (max-width: 980px){#about{background-size:250px}}@media all and (max-width:768px){#spotlight div.bottom{background-size:400px;background-position:center bottom 148px}}@media all and (max-width:640px){.Openside{display:block}}@media all and (max-width: 480px){#spotlight div.bottom{background-size:340px;background-position:center bottom 60px;height:450px}.Openside{width:25px}}@media all and (max-width: 380px){#spotlight div.bottom{background-size:300px;background-position:center bottom 60px;height:430px}}#about{height:auto;position:relative;padding:60px 100px;display:flex;align-items:center;justify-content:space-around;width:100%;margin:0 auto;background-color:#242424}#about:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:2px;background-color:#515151}#about div.me{width:60%;position:relative;top:auto;padding-left:30px}#about div.me h4{text-align:center;font-size:40px;color:#f0f8ff;padding-bottom:40px;width:30%;margin:0 auto}#about div.me h3{font-size:25px;color:#e8daff;font-weight:400;padding-bottom:10px;text-shadow:1px 1px 5px rgba(255,255,255,.483)}#about div.me h2{color:#696868;padding-bottom:30px}#about div.me h1{font-size:40px;color:#fff}#about div.me p{color:#e4e4e4d8;padding-bottom:40px;font-size:18px;line-height:1.5;margin-bottom:2rem;font-family:Inter,sans-serif}#about div.me button{border-radius:20px;padding:10px 20px;cursor:pointer;background-color:#ece1fd;color:#000}#about div.me button:hover{background-color:#313131;color:#fff}#about .photo{width:250px;height:400px;border-radius:50%;overflow:hidden;position:relative;margin:0 auto;box-shadow:0 5px 15px #0003;transition:all .3s ease}#about .photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;filter:grayscale(20%)}#about .photo:hover{box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}#about .photo:hover img{transform:scale(1.05);filter:grayscale(0%)}.main-skills{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.skill-icon{font-size:2.5rem;color:#4b5563;transition:transform .3s ease,color .3s ease}.skill-icon:hover{transform:scale(1.2);color:#1e40af}@media all and (max-width: 768px){#about .photo{width:240px}#about{padding:60px 50px}#about div.me p{font-size:16px}}@media all and (max-width: 640px){#about div.me{width:90%;padding-left:0;text-align:center}#about .photo{width:230px;height:auto;margin:0 auto 30px}#about{padding:60px 50px;flex-wrap:wrap-reverse}#about div.me h3{padding-bottom:5px}}@media all and (max-width: 480px){#about{padding:50px 20px}#about .photo{width:200px;margin-bottom:20px}#about div.me h3{font-size:25px;font-weight:400;padding-bottom:4px}#about div.me h2{font-size:22px;padding-bottom:15px}#about div.me h1{font-size:35px}#about div.me p{padding-bottom:25px}#about .photo img{width:100%}}@media all and (max-width: 380px){#about{padding:50px 20px}#about .photo{width:180px;margin-bottom:20px}#about div.me h3{font-size:25px;font-weight:400;padding-bottom:4px}#about div.me h2{font-size:18px;padding-bottom:15px}#about div.me h1{font-size:35px}#about div.me p{padding-bottom:25px;font-size:15px}#about .photo img{width:100%}}@media all and (max-width: 320px){#about .photo{width:150px;margin-bottom:20px}#about div.me h3{font-size:23px;font-weight:400;padding-bottom:4px}#about div.me h2{font-size:15px;padding-bottom:15px}#about div.me h1{font-size:33px}#about div.me p{padding-bottom:25px;font-size:13px}#about div.me button{border-radius:20px;padding:8px 15px;font-size:12px}}#portfolio{position:relative;width:100%;padding-top:50px;padding-bottom:0;background-color:#242424}#portfolio h1{text-align:center;font-size:40px;color:#f0f8ff;padding-bottom:40px}#portfolio div.top{width:50%;margin:0 auto;background-color:#191919;border-radius:10px 10px 0 0;border:1px solid white;border-bottom:0;display:flex;justify-content:center;align-items:center}#portfolio div.top div{width:50%;border-right:1px solid white;cursor:pointer;position:relative;height:100%}#portfolio div.top div:after{content:"";position:absolute;width:0%;height:2px;background-color:#fff}#portfolio div.top div.active1:after{width:100%;right:0;bottom:0}#portfolio div.top div.active1{background-color:#5c5c5c;border-radius:10px 0 0;opacity:.4}#portfolio div.top div.active2{background-color:#5c5c5c;border-radius:0 10px 0 0;opacity:.4;height:100%}#portfolio div.top div.active2:after{width:100%;left:0;bottom:0}#portfolio div.top div.hov{flex:1;height:100%}#portfolio div.top div.hov:last-child{border-right:0}#portfolio div.top div.hov ul{display:flex;height:100%;align-items:center;justify-content:space-around;padding:13px 18px}#portfolio div.top div.hov ul li{font-size:20px;color:#fff}#portfolio div.bottom{background:linear-gradient(#191919,#cdc1ff);padding:100px 100px 50px;display:flex;flex-wrap:wrap;position:relative;justify-content:space-around}#portfolio div.bottom:before{content:"";left:0;top:0;position:absolute;width:100%;height:100%;background-image:url(/assets/pro1-BYalpKqX.png),url(/assets/pro3-DEPkJ-Vj.png);background-repeat:no-repeat,no-repeat;background-size:180px 170px,150px 140px;background-position:bottom 0% left 0px,top 18px right 0%;opacity:.8}#portfolio div.bottom div.box{width:280px;height:280px;text-align:center;position:relative;overflow:hidden;cursor:pointer;margin-bottom:50px;box-shadow:5px 5px 10px #00000080}#portfolio div.bottom div.box:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0%;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:height .5s ease-in-out;z-index:1}#portfolio div.bottom div.box img{display:inline-block;width:100%;height:100%;transition:opacity .5s ease-in-out,filter .5s ease-in-out}#portfolio div.bottom div.box h3{top:30%;position:absolute;text-align:center;width:100%;z-index:2;opacity:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transform:translateY(20px);color:#fff;padding:0 10px}#portfolio div.bottom div.box p{position:absolute;text-align:center;width:100%;z-index:2;opacity:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out;top:50%;transform:translateY(20px);color:#fff;padding:0 10px}#portfolio div.bottom div.box button{opacity:0;color:#242424;position:absolute;left:45%;top:85%;z-index:2;padding:2px 5px;border-radius:5px;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transform:translateY(20px);background-color:transparent;width:40px}#portfolio div.bottom div.box button:hover img{filter:invert(0)}#portfolio div.bottom div.box button img{width:100%;display:inline-block;filter:invert(1)}#portfolio div.bottom div.box:hover img{opacity:.8}#portfolio div.bottom div.box:hover:after{height:77%}#portfolio div.bottom div.box:hover h3,#portfolio div.bottom div.box:hover p,#portfolio div.bottom div.box:hover button{opacity:1;transform:translateY(0)}.portfolio-content-wrapper{position:relative;width:100%}.view-more-container{width:100%;text-align:center;padding-bottom:30px;background:#cdc1ff}.view-more{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:50px;background:linear-gradient(135deg,#8b64f7,#402c7c);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;border:none;font-size:1rem;position:relative;overflow:hidden;z-index:1;margin:0 auto}.view-more:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.view-more:active{transform:translateY(0)}.view-more:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3a1b9b,#6e3aff);opacity:0;transition:opacity .3s ease;z-index:-1}.view-more:hover:after{opacity:1}.view-more .icon{transition:transform .3s ease}.view-more:hover .icon{transform:translate(4px)}#portfolio div.bottom{background:linear-gradient(#191919,#cdc1ff);padding:100px 100px 0;display:flex;flex-wrap:wrap;position:relative;justify-content:space-around}@media all and (max-width: 980px){#portfolio div.bottom:before{background-size:150px 140px,120px 110px}}@media all and (max-width: 768px){#portfolio div.top{width:72%}#portfolio div.bottom div.box{width:230px;height:230px}#portfolio div.bottom div.box img{opacity:.8}#portfolio div.bottom div.box h3{font-size:16px}#portfolio div.bottom div.box p{font-size:13px;top:50%}#portfolio div.bottom div.box button{top:88%}#portfolio div.bottom div.box:hover:after{height:77%}}@media all and (max-width: 640px){#portfolio div.top{width:80%}#portfolio div.top div.hov ul{padding:10px 0}#portfolio div.top div.hov ul li{font-size:18px}}@media all and (max-width: 480px){#portfolio{padding-top:40px}#portfolio h1{font-size:35px;padding-bottom:30px}#portfolio div.top{width:85%}#portfolio div.top div.hov ul li{font-size:15px;padding-right:15px}#portfolio div.bottom{padding:80px 60px 30px}#portfolio div.bottom:before{background-size:130px 120px,100px 90px}#portfolio div.bottom div.box button{top:84%;width:34px}}@media all and (max-width: 380px){#portfolio div.bottom{padding:80px 60px 30px}#portfolio div.bottom:before{background-size:110px 100px,86px 80px}#portfolio div.bottom div.box{width:230px;height:210px}#portfolio div.bottom div.box h3{font-size:16px}#portfolio div.bottom div.box p{font-size:11px;top:55%}}@media all and (max-width: 320px){#portfolio div.top{width:90%}#portfolio div.top div.hov ul li{font-size:17px;padding-left:5px;padding-right:20px}#portfolio div.bottom{padding:80px 60px 30px}#portfolio div.bottom:before{background-size:110px 100px,86px 80px}#portfolio div.bottom div.box{width:240px;height:200px}#portfolio div.bottom div.box h3{font-size:16px}#portfolio div.bottom div.box p{font-size:11px;top:50%}}*{box-sizing:border-box}.wip{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#0a0b3b;color:#fff;font-family:sans-serif}.wip h1{font-size:6em;margin:-10px 0 0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.wip p{font-size:1.2em;margin:10px 0 0;padding:2px 20px;text-align:center}.wip button{display:inline-block;padding:10px 20px;background-color:#4293ef;color:#fff;text-decoration:none;margin-top:25px;font-size:1.2em;border-radius:50px;animation:bounce 1s ease-in-out infinite}@media (max-width: 768px){.wip h1{font-size:4em}.wip p{font-size:1em}}@media (max-width: 576px){.wip h1{font-size:3em}.wip p{font-size:.8em}.wip button{font-size:1em}}#education{padding:70px 100px;text-align:center;background:linear-gradient(#cdc1ff,#2f2f2f);overflow:hidden;position:relative;height:auto}#education:before{content:"";left:0;top:0;position:absolute;width:100%;height:100%;background-image:url(/assets/edu1-hCY1Ka4E.png),url(/assets/edu3-DprMp7tF.png),url(/assets/edu5-B0zXtFLe.png);background-repeat:no-repeat,no-repeat,no-repeat;background-size:300px 200px,300px 200px,200px 200px;background-position:top 57% left 40px,top 18% right 10%,bottom 20px right 10%}#education h2{margin-bottom:80px;display:flex;align-items:center;justify-content:center;font-size:35px;color:#000;text-shadow:2px 2px 5px rgb(255,255,255)}#education h2 .icon{margin-right:10px;padding-right:5px}#education .timeline{width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative}#education .timeline .vertical{width:7px;height:0;position:absolute;background-color:#393939;top:0;left:50%;transition:height 2s ease-in-out;box-shadow:5px 5px 10px #0000004d}#education .timeline .item,#education .timeline .right{background-color:#e9e0f3;margin-bottom:20px;display:flex;align-items:center;width:46%;padding:10px;position:relative;opacity:0;transform:translateY(50px);box-shadow:5px 5px 10px #0000004d;transition:opacity 1s ease-in-out,transform 1s ease-in-out}#education .timeline .item{margin-right:auto}#education .timeline .right{margin-left:auto}#education .timeline .item.show,#education .timeline .right.show{opacity:1;transform:translateY(0)}#education .timeline .item .content,#education .timeline .right .content{width:100%;display:flex;flex-direction:column;padding:10px}#education .timeline .item:before,#education .timeline .right:before{content:"";position:absolute;top:8%;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent}#education .timeline .item:before{right:-10px;border-left:10px solid #e9e0f3}#education .timeline .right:before{left:-10px;border-right:10px solid #e9e0f3}#education .timeline .item .content h1,#education .timeline .right .content h1{margin-bottom:5px;font-size:22px}#education .timeline .item .content h3,#education .timeline .right .content h3{margin-bottom:5px;font-size:15px;opacity:.7}#education .timeline .item .content p,#education .timeline .right .content p{margin-bottom:5px;font-size:15px;color:#242424}#education .timeline .item .content h6,#education .timeline .right .content h6{margin-bottom:5px;color:#313131b1;font-size:12px}@media all and (max-width: 980px){#education:before{background-size:240px 160px,250px 150px,160px 150px;background-position:top 57% left 40px,top 18% right 10%,bottom 20px right 10%}#education .timeline{width:auto}}@media all and (max-width:768px){#education .timeline{width:auto}#education{padding:70px 50px}#education .timeline .item,#education .timeline .right{padding:5px}#education .timeline .item .content,#education .timeline .right .content{padding:7px}#education .timeline .item .content h1,#education .timeline .right .content h1{font-size:20px}#education .timeline .item .content h3,#education .timeline .right .content h3,#education .timeline .item .content p,#education .timeline .right .content p{font-size:13px}#education .timeline .item .content h6,#education .timeline .right .content h6{font-size:10px}}@media all and (max-width: 640px){#education:before{background-size:220px 150px,210px 130px,140px 120px;background-position:top 57% left 40px,top 20% right 10%,bottom 40px right 10%}#education .timeline{width:auto}}@media all and (max-width:480px){#education{padding:50px 8px}#education .timeline .item,#education .timeline .right{padding:0}#education .timeline .item .content h1,#education .timeline .right .content h1{font-size:17px}#education .timeline .item .content h3,#education .timeline .right .content h3,#education .timeline .item .content p,#education .timeline .right .content p{font-size:10px}#education .timeline .item .content h6,#education .timeline .right .content h6{font-size:8px}#education .timeline .vertical{left:49%}#education:before{background-size:190px 120px,160px 100px,115px 103px;background-position:top 57% left 5px,top 22% right 5%,bottom 40px right 10%}}@media all and (max-width:380px){#education .timeline{width:100%}#education{padding:50px 5px}#education:before{background-size:180px 110px,160px 100px,105px 93px;background-position:top 57% left 5px,top 22% right 9%,bottom 40px right 10%}#education .timeline .item .content h1,#education .timeline .right .content h1{font-size:14px}#education .timeline .item .content h3,#education .timeline .right .content h3,#education .timeline .item .content p,#education .timeline .right .content p{font-size:9px}#education .timeline .item .content h6,#education .timeline .right .content h6{font-size:7px}#education .timeline .vertical{left:49%}}@media all and (max-width:320px){#education .timeline{width:100%}#education{padding:50px 5px}#education:before{background-size:140px 90px,130px 80px,95px 93px;background-position:top 57% left 0px,top 25% right 4%,bottom 40px right 10%}#education .timeline .item .content h1,#education .timeline .right .content h1{font-size:14px}#education .timeline .item .content h3,#education .timeline .right .content h3,#education .timeline .item .content p,#education .timeline .right .content p{font-size:9px}#education .timeline .item .content h6,#education .timeline .right .content h6{font-size:7px}#education .timeline .vertical{left:49%}#education .timeline .item .content,#education .timeline .right .content{padding:4px}#education .timeline .item,#education .timeline .right{width:45%;padding:0}}#skills{position:relative;height:auto;padding:100px;background-color:#242424;text-align:center;overflow:hidden}#skills h1{color:#f0f8ff;font-size:40px;margin-bottom:40px}#skills .top{width:70%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:60px;height:auto;z-index:2}#skills .top .box{width:80px;height:80px;background-color:#fff;padding:20px;margin:0 auto;border-radius:20px;cursor:pointer;background-color:#313131;box-shadow:3px 3px 5px #00000080}#skills .top .box:hover{background-color:gray;scale:1.1}#skills .top .box img{display:block;width:100%}#skills .bottom{margin-bottom:70px}#skills .bottom .screen{width:350px;height:150px;text-align:center;margin:0 auto;background-color:#1c1f2b;padding:20px 10px 10px;border-radius:15px;position:relative;color:#fff;z-index:1}#skills .bottom .screen1{z-index:2;width:350px;height:150px;text-align:center;margin:0 auto;background-color:#1c1f2b;padding:20px 10px 10px;border-radius:15px;position:absolute;left:0;top:0;color:#fff}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}#skills .bottom .screen:after,#skills .bottom .screen:before{content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle),#ff4545,#00ff99,#006aff,#ff0095,#ff4545);top:50%;left:50%;translate:-50% -50%;z-index:-3;padding:3px;border-radius:15px;animation:3s spin linear infinite}#skills .bottom .screen:before{filter:blur(1.5rem);opacity:.5}@keyframes spin{0%{--angle: 0deg}to{--angle: 360deg}}#skills .bottom .screen h1{margin-bottom:20px}#skills .bottom .screen p{padding:0 5px}@media all and (max-width:768px){#skills .top{width:90%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:40px}#skills .top .box{width:60px;height:60px;padding:13px}}@media all and (max-width:640px){#skills .top{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px}#skills .top .box{width:60px;height:60px;padding:13px}}@media all and (max-width:480px){#skills{padding:60px 30px}#skills .top{gap:20px}#skills .bottom .screen{width:300px;height:130px;padding:20px 10px 10px}#skills .bottom .screen1{width:300px;height:130px;padding:20px 10px 10px;left:0;top:0}#skills .bottom .screen h1{margin-bottom:15px;font-size:30px}#skills .bottom .screen p{padding:0 5px;font-size:14px}#skills .top .box{width:52px;height:52px;padding:11px}#skills .top .box:hover{background-color:gray;scale:1.05}}@media all and (max-width:380px){#skills{padding:60px 30px}#skills .bottom .screen{width:250px;height:120px;padding:20px 10px 10px}#skills .bottom .screen1{width:250px;height:120px;padding:20px 10px 10px;left:0;top:0}#skills .bottom .screen h1{margin-bottom:15px;font-size:28px}#skills .bottom .screen p{padding:0 5px;font-size:12px}#skills .top .box{width:50px;height:50px;padding:11px}#skills .top{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px}}@media all and (max-width:320px){#skills .top{gap:40px}}#contact{position:relative;text-align:center;padding:60px 100px 0;background-color:#e6d7ff}#contact .content{padding-bottom:100px}#contact .content .logo{width:50px;height:50px;margin:0 auto 20px;padding:12px;overflow:hidden;display:flex;background-color:#efefef;box-shadow:3px 3px 5px #00000080;border-radius:50%}#contact .content .logo img{display:inline-block;width:100%}#contact .content h1{color:#000;font-size:30px;margin-bottom:10px;text-shadow:1px 1px 9px black}#contact .content p{color:#000000c3;width:60%;margin:0 auto 20px}#contact .content .item{width:25%;display:flex;justify-content:space-between;align-items:center;margin:0 auto}#contact .content .item .icons{width:35px;height:35px;border-radius:50%;margin-right:5px;padding:7px;background:#3c3c3c;box-shadow:5px 5px 10px #0003,inset -5px -5px 10px #fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}#contact .content .item .icons:hover{scale:1.2;background:#b9b9b980}#contact .content .item .icons:first-child{padding:5px}#contact .content .item .icons img{width:100%;height:100%;filter:brightness(0) invert(1) grayscale(30%) opacity(80%)}#contact .bottom{padding-bottom:10px}#contact .bottom h6{color:#0000006f}@media all and (max-width:768px){#contact{padding:30px 100px}#contact .content{padding-bottom:50px}}@media all and (max-width:640px){#contact .content .item{width:auto;display:flex;justify-content:center;align-items:center;margin:0 -20px 0 auto}#contact .content .item .icons{margin-right:20px}}@media all and (max-width:480px){#contact{padding:30px 50px 0}#contact .content .logo{width:40px;height:40px;padding:10px;margin-bottom:20px}#contact .content .logo img{display:inline-block;width:100%}#contact .content h1{font-size:28px;margin-bottom:5px}#contact .content p{width:60%;margin:0 auto 20px}}@media all and (max-width:380px){#contact{padding:30px 20px 0}#contact .content .logo{width:40px;height:40px;padding:10px;margin-bottom:20px}#contact .content .logo img{display:inline-block;width:100%}#contact .content h1{font-size:24px;margin-bottom:5px}#contact .content p{width:60%;margin:0 auto 10px;font-size:13px}}#certificate{padding:20px 50px 60px;position:relative;color:#f0f8ff;box-sizing:border-box;background-color:#2f2f2f;min-height:300px;overflow:hidden}#certificate:before{content:"";position:absolute;top:0;left:0;width:100%;background:url(../assets/images/whitebg.png);background-repeat:repeat-x;background-size:500px 99%;opacity:.5;display:block;z-index:0}#certificate .heading{display:flex;align-items:center;justify-content:center;margin:0 auto 30px;color:#ffffffe4}#certificate .heading h1{font-size:40px;padding-left:10px;color:#ffffffe4;text-shadow:2px 2px 5px black;font-weight:700}#certificate .heading img{display:block;width:30px;margin-top:5px;filter:brightness(0) invert(1) grayscale(30%) opacity(80%)}#certificate .bottom{width:80%;margin:0 auto}#certificate .bottom ul{display:flex;flex-direction:column;align-items:center;list-style:none;text-align:left;position:relative;border:2px solid rgb(255,255,255)}#certificate .bottom ul li{font-size:18px;border:1px solid rgb(255,255,255);width:100%;display:flex;align-items:center;text-align:left;padding:20px 20px 20px 50px;position:relative;background-color:#e5d9f2;color:#000;cursor:pointer;font-weight:700;font-family:serif}#certificate .bottom ul li:hover{color:#fff;background-color:#8d7cf8}div.boxx{display:flex;position:absolute;width:auto;height:90%;top:5%;right:1%;box-shadow:5px 5px 10px #0000004d,-5px -5px 10px #0003,5px -5px 10px #0003,-5px 5px 10px #0000004d;transition:transform .2s ease-in-out;pointer-events:none}div.box-out{display:none}div.boxx img{width:100%;height:auto}@media all and (max-width:768px){#certificate{padding:40px 5px}#certificate .heading h1{font-size:35px}#certificate .bottom ul li{font-size:14px;padding:20px 20px 20px 15px}div.boxx{height:80%;top:10%}}@media all and (max-width:480px){div.boxx{display:flex;position:relative;width:100%;height:auto;box-shadow:none;pointer-events:none;overflow:hidden;right:0%;padding-top:30px}#certificate .bottom ul li{font-size:13px;padding:15px 15px 15px 20px}div.boxx1{display:none}div.box-out{display:block;width:70%;margin:0 auto}#certificate .bottom{width:93%;margin:0 auto}div.boxx img{margin:0 auto}}@media all and (max-width:380px){#certificate .bottom ul li{font-size:13px;padding:15px 15px 15px 20px}}@media all and (max-width:320px){#certificate .bottom ul li{font-size:11px;padding:10px 5px 10px 20px}}#transparent{min-width:100h;height:400px;background:transparent;display:flex;align-items:center;border:0;justify-content:center}#transparent h1{color:#d3d3d3;font-size:44px;width:50%;margin:0 auto;text-align:center;font-weight:700;text-transform:uppercase;text-shadow:2px 2px 2px #a0a0a0,5px 5px 5px #808080,8px 8px 10px rgba(0,0,0,.3);transform:perspective(500px) rotateX(10deg)}#book{display:flex;justify-content:center;gap:50px;overflow:hidden;width:100%;margin:0 auto;border:2px solid black;height:100vh;position:fixed;top:0;left:0;z-index:-4;border:0;background-color:#242424}#book .column{display:flex;flex-direction:column;overflow:hidden;height:100%;position:relative}#book .scroll{display:flex;flex-direction:column;animation:scrollUp 8s linear infinite}#book .down{animation:scrollDown 8s linear infinite}#book .scroll img{width:90%;margin:0 auto 5px;display:block;box-shadow:10px 10px 20px #0000004d,-5px -5px 15px #ffffff1a;transform:perspective(1000px) rotateX(5deg) rotateY(5deg)}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}h1.textss{color:#d3d3d3;font-size:24px;width:60%;margin:0 auto;text-align:center;font-weight:700;text-transform:uppercase;top:35%;position:absolute;line-height:1.3em;text-shadow:2px 2px 2px #a0a0a0,5px 5px 5px #808080,8px 8px 10px rgba(0,0,0,.3);transform:perspective(500px) rotateX(10deg);display:none}@media all and (max-width: 768px){#transparent h1{font-size:34px}#transparent{height:300px}}@media all and (max-width: 768px){#transparent h1{font-size:28px}}@media all and (max-width:480px){#book{display:flex;justify-content:center;gap:50px;overflow:hidden;width:100%;margin:0 auto;border:2px solid black;height:250px;position:relative;z-index:0;border:0;background-color:#242424}#transparent{display:none}h1.textss{display:block}}@media all and (max-width: 460px){#book .scroll,#book .down{animation:none}#book{gap:20px;height:250px}h1.textss{color:#d3d3d3;font-size:22px;width:75%;top:35%;line-height:1.4em}}@media all and (max-width: 380px){#book{height:180px}h1.textss{color:#d3d3d3;font-size:20px;width:75%;top:35%;line-height:1.4em}}@media all and (max-width: 320px){#book{height:180px;gap:20px}}#offline{position:fixed;bottom:30px;left:45%;transform:translate(-50%);background:#ffffffd3;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding:10px 20px;border-radius:8px;box-shadow:2px 2px 10px #0006;font-size:15px;font-weight:700;color:#000;z-index:100;animation:fadeIn .5s ease-in-out;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media all and (max-width: 400px){#offline{position:fixed;bottom:30px;left:33%}}@media all and (max-width: 380px){#offline{position:fixed;bottom:30px;left:33%}}.view-more-page{background-color:#242424;color:#f0f8ff;min-height:100vh;width:100%;padding:60px 10% 50px;position:relative;isolation:isolate;overflow:hidden}.back-button,.total-works-count,.project-category{position:relative;z-index:1}.particles-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.view-more-page h1{text-align:center;font-size:40px;margin-bottom:50px;font-weight:700}.project-category h2{color:#f0f0f0;font-size:28px;margin-top:40px;margin-bottom:30px;padding-bottom:10px;border-bottom:2px solid #cdc1ff}.back-button{position:absolute;top:55px;left:5%;background-color:#3a3a3a;color:#fff;border:none;border-radius:50%;width:45px;height:45px;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.back-button:hover{background-color:#4f4f4f;transform:scale(1.1)}.total-works-count{position:absolute;top:55px;right:5%;background-color:#e9ecef;color:#495057;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:700;box-shadow:0 2px 5px #0000001a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.project-entry{display:flex;background-color:#191919;border-radius:8px;margin-bottom:30px;overflow:hidden;border:1px solid #3a3a3a;transition:transform .3s ease,box-shadow .3s ease}.project-entry:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0006}.project-image{flex:0 0 300px}.project-image img{width:100%;height:100%;object-fit:cover}.project-details{flex:1;padding:25px 30px}.project-details h3{font-size:24px;margin-bottom:15px;color:#fff}.project-details p{color:#c5c5c5;line-height:1.6;margin-bottom:20px}.project-tech{display:flex;flex-wrap:wrap;gap:10px}.project-tech span{background-color:#444;padding:5px 12px;border-radius:5px;font-size:14px;font-weight:500}.project-links-container{display:flex;gap:15px;margin-top:25px;flex-wrap:wrap}.project-link{display:inline-block;background-color:#3b82f6;color:#fff;padding:10px 18px;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color .3s ease;border:2px solid transparent}.project-link:hover{background-color:#2563eb}.project-link.github{background-color:transparent;border:2px solid #3b82f6;color:#3b82f6}.project-link.github:hover{background-color:#3b82f6;color:#fff}.project-link.disabled,.project-link.github.disabled{background-color:#555;border-color:#555;color:#aaa;cursor:not-allowed}.project-link.disabled:hover,.project-link.github.disabled:hover{background-color:#555;border-color:#555;color:#aaa}@media all and (max-width: 900px){.view-more-page{padding:50px 5%}.back-button{top:15px;left:15px}.view-more-page h1{margin-top:50px}.project-entry{flex-direction:column}.project-image{flex-basis:200px;width:100%}}@media all and (max-width: 480px){.view-more-page h1{font-size:32px}.project-category h2{font-size:24px}.project-details{padding:20px}.project-details h3{font-size:20px}}#experience{position:relative;width:100%;padding:80px 0;color:#fff;margin:0;box-sizing:border-box;background-color:#242424;border-bottom:2px solid #242424}#experience h2{text-align:center;font-size:40px;color:#f0f8ff;padding-bottom:40px;position:relative}#experience h2:after{content:"";position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#8b64f7,#402c7c);border-radius:2px}#experience:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:2px;background-color:#515151}.experience-container{max-width:1200px;margin:0 auto;padding:0 50px;display:flex;flex-direction:column;gap:30px}.experience-card{background-color:#383838;border-radius:10px;padding:30px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden;width:80%;margin:0 auto}.experience-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#8b64f7,#402c7c);transition:all .3s ease}.experience-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d;border-color:#8b64f74d}.experience-card:hover:before{width:6px}.experience-card h3{font-size:22px;margin-bottom:5px;color:#eeeaff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.experience-card h4{font-size:18px;font-weight:400;margin-bottom:25px;color:#aaa}.experience-card h4 span{color:#8b64f7}.experience-card ul{list-style-type:none;padding-left:0}.experience-card ul li{position:relative;padding-left:25px;margin-bottom:10px;line-height:1.6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.experience-card ul li:before{content:"▹";position:absolute;left:0;color:#8b64f7}@media all and (max-width: 768px){.experience-container{padding:0 30px}.experience-card{padding:25px}.experience-card h3{font-size:20px}.experience-card h4{font-size:16px}#experience:before,#experience:after{display:none}}@media all and (max-width: 480px){#experience{padding:60px 0}#experience h2{font-size:32px;padding-bottom:30px}.experience-container{padding:0 20px;gap:20px}.experience-card{padding:20px;width:100%}.experience-card h3{font-size:18px}.experience-card h4,.experience-card ul li{font-size:14px}}#services{position:relative;padding:80px 10%;background-color:#242424;text-align:center}#services:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:2px;background-color:#515151}#services h2{text-align:center;font-size:40px;color:#f0f8ff;padding-bottom:40px;position:relative;margin-bottom:40px}#services h2:after{content:"";position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#8b64f7,#402c7c);border-radius:2px}.services-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-card{background-color:#191919;padding:40px 30px;border-radius:10px;border:1px solid #444;transition:transform .4s,border-color .4s,box-shadow .4s}.service-card:hover{transform:translateY(-10px);border-color:#8b64f7;box-shadow:0 0 20px #8b64f780}.service-card:hover .service-icon{color:#8b64f7}.service-icon{font-size:3rem;margin-bottom:20px;color:#444;transition:transform .3s;animation:ease-in-out}.service-card h3{font-size:1.5rem;color:#cdc1ff;margin-bottom:15px}.service-card p{font-size:1rem;color:#fffc;line-height:1.6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}@media (max-width: 992px){.services-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){#services{padding:60px 5%}.services-container{grid-template-columns:1fr}}