@charset "UTF-8";@font-face{font-family:"Inter";src:url("../../assets/fonts/Inter_18pt-ExtraBold.ttf") format("woff2");font-weight:800;font-style:normal;}@font-face{font-family:"Inter";src:url("../../assets/fonts/Inter_18pt-Bold.ttf") format("woff2");font-weight:700;font-style:normal;}@font-face{font-family:"Inter";src:url("../../assets/fonts/Inter_18pt-Medium.ttf") format("woff2");font-weight:500;font-style:normal;}header{padding:10px 0 10px 0;margin:10px;border-radius:8px;z-index:5;position:sticky;top:10px;transition:top .3s ease;background:linear-gradient(135deg,rgba(107,113,142,.1),rgba(255,255,255,0));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(107,113,142,.18);}header main{justify-content:space-between;align-items:center;}header main .logo{display:flex;}header main .logo img{width:25px;filter:drop-shadow(0 0 5px rgba(0,0,0,.555));pointer-events:none;}header main nav{display:flex;justify-content:flex-end;}header main nav .navigations{margin:0;padding:0;}header main nav .navigations ul{list-style-type:none;display:flex;margin:0;}header main nav .navigations ul li{font-family:"Inter",sans-serif;font-weight:700;font-size:18px;margin-left:50px;}header main nav .navigations ul li a{color:#F0F1F4;text-decoration:none;filter:drop-shadow(0 0 5px rgba(0,0,0,.555));user-select:none;}header main nav .navigations ul li a:hover{color:#F0F1F4;filter:drop-shadow(0 0 10px #1b1d25);transform:scale(1.2);transition:all .4s ease-in-out;}.mobile-sidebar{position:fixed;top:0;width:250px;height:100%;background-color:var(--red-color);transition:right .3s ease;padding:10px 0 10px 0;margin:103px 13px;border-radius:8px;z-index:5;background:linear-gradient(135deg,rgba(107,113,142,.1),rgba(255,255,255,0));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(107,113,142,.18);visibility:hidden;}.mobile-sidebar ul{list-style-type:none;margin:0;}.mobile-sidebar ul li{font-family:"Inter",sans-serif;font-weight:700;font-size:18px;margin:10px 0 10px 50px;}.mobile-sidebar ul li a{color:#F0F1F4;text-decoration:none;filter:drop-shadow(0 0 5px rgba(0,0,0,.555));user-select:none;}.mobile-sidebar.active{right:0;visibility:visible;}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;display:none;z-index:3;}.overlay.active{display:block;visibility:visible;}#welcomeSec{z-index:4;margin-bottom:30px;}#welcomeSec main .title{padding:0 0 0 125px;margin-top:160px;}#welcomeSec main .title h1{font-family:"Inter",sans-serif;font-weight:800;font-size:85px;color:#F0F1F4;}#welcomeSec main .title h1 span{color:#7B00FF;}#welcomeSec main .title h2{font-family:"Inter",sans-serif;font-weight:800;font-size:75px;text-transform:uppercase;color:#F0F1F4;}#welcomeSec main .title h3{font-family:"Inter",sans-serif;font-weight:500;margin-left:305px;font-size:55px;color:#F0F1F4;}#welcomeSec main .media{display:flex;justify-content:center;align-items:center;margin-top:200px;}#welcomeSec main .media ul{list-style-type:none;display:flex;}#welcomeSec main .media ul li{margin-right:70px;transition:all .1s ease-in-out;}#welcomeSec main .media ul li img{height:40px;width:40px;pointer-events:none;}#welcomeSec main .media ul li:hover{filter:drop-shadow(0 0 10px #F0F1F4);transform:scale(1.9);}#AboutSec main .title{padding-top:115px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800;}#AboutSec main .aboutText{color:#F0F1F4;display:flex;justify-content:center;}#AboutSec main .aboutText .mainText{margin-top:10px;width:1100px;font-family:"Inter",sans-serif;font-weight:500;cursor:pointer;}#AboutSec main .progress-container{margin-top:35px;}#AboutSec main .progress-container .progress-bar{width:87%;height:70px;border-radius:100vh;position:relative;overflow:hidden;box-shadow:inset 0 0 10px -1px rgba(223,223,223,.116);transition:top .3s ease;background:linear-gradient(135deg,rgba(107,113,142,.445),rgba(255,255,255,.014));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(150,151,168,.466);box-sizing:border-box;}#AboutSec main .progress-container .progress-bar .progress{width:0;height:100%;background:linear-gradient(235deg,rgba(123,0,255,.295),rgba(123,0,255,.651),rgba(123,0,255,.904),rgba(123,0,255,.651),rgba(123,0,255,.384));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10vh;transition:width 2.5s ease-in-out;}#AboutSec main .progress-container .progress-bar .icons{display:flex;align-items:center;position:absolute;top:50%;bottom:50%;left:0;right:0;transform:translate(-50% -50%);z-index:1;cursor:pointer;}#AboutSec main .progress-container .progress-bar .icons .icon .emoji{display:flex;justify-content:center;align-items:center;height:68px;width:68px;border:4px solid rgba(240,241,244,.4392156863);border-radius:10vh;}#AboutSec main .progress-container .progress-bar .icons .icon .emoji p{margin:0;font-size:30px;}#AboutSec main .progress-container .progress-bar .icons .icon::after{content:attr(data-text);font-size:16px;color:#333;font-weight:bold;}#AboutSec main .progress-container .progress-bar .icons span{font-size:20px;font-weight:600;width:50%;color:rgba(240,241,244,.7960784314);font-family:"Inter",sans-serif;font-weight:700;}#ProjectSec main{margin-bottom:50px;}#ProjectSec main .title{padding-top:115px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800;}#ProjectSec main #projects-container{display:flex;justify-content:center;}#ProjectSec main .projects-container .project-card{background-color:#C4C6D2;padding:15px;margin:15px auto;width:300px;border-radius:20px;cursor:pointer;}#ProjectSec main .projects-container .project-card .pinned-badge{position:absolute;top:35px;right:40px;}#ProjectSec main .projects-container .project-card .project-image{width:100%;height:auto;border-radius:8px;pointer-events:none;}#ProjectSec main .projects-container .project-card .project-name{font-size:19px;font-family:"Inter",sans-serif;font-weight:700;margin:10px 0 10px;}#ProjectSec main .projects-container .project-card .project-description{font-size:15px;font-family:"Inter",sans-serif;font-weight:700;}#ProjectSec main .projects-container .project-card .project-btn{display:flex;justify-content:end;}#ProjectSec main .projects-container .project-card .project-btn .btnlink{background-color:black;display:flex;width:40px;height:40px;border-radius:100px;justify-content:center;align-items:center;margin:5px;}#ProjectSec main .projects-container .project-card .project-btn .btnlink img{height:20px;width:20px;pointer-events:none;}#ExperienceSec{margin-bottom:50px;}#ExperienceSec .section-title{padding-top:115px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800;}#ExperienceSec .experience-wrapper{position:relative;display:flex;flex-direction:column;gap:30px;}#ExperienceSec .experience-wrapper::before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:#7B00FF;}#ExperienceSec .experience-card{position:relative;background:#1b1d25;border-radius:12px;padding:20px 25px;margin-left:50px;transition:all .3s ease;cursor:default;}#ExperienceSec .experience-card:hover{border-left:5px solid #7B00FF;}#ExperienceSec .experience-card .exp-header{display:flex;justify-content:space-between;flex-wrap:wrap;}#ExperienceSec .experience-card .exp-header h3{color:#F0F1F4;font-size:20px;font-weight:700;}#ExperienceSec .experience-card .exp-header span{color:#C4C6D2;font-size:14px;font-weight:500;}#ExperienceSec .experience-card .exp-position{color:#F0F1F4;font-weight:500;margin-bottom:15px;}#ExperienceSec .experience-card .exp-description{color:#C4C6D2;font-size:14px;line-height:1.6;}#TechSec{margin-bottom:90px;}#TechSec main{width:770px;}#TechSec main .title{padding-top:70px;margin-bottom:30px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800;}#TechSec main .tech-icons{display:flex;justify-content:center;}#TechSec main .tech-icons .parent{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:30px;grid-row-gap:30px;}#TechSec main .tech-icons .img{height:50px;width:50px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.158);transition:all .1s ease-in-out;cursor:pointer;}#TechSec main .tech-icons .img img{height:50px;width:50px;}#TechSec main .tech-icons .img:hover{transform:scale(1.5);}#TechSec main .tech-icons .div1{grid-area:1/1/2/2;}#TechSec main .tech-icons .div2{grid-area:1/2/2/3;}#TechSec main .tech-icons .div3{grid-area:1/3/2/4;}#TechSec main .tech-icons .div4{grid-area:1/4/2/5;}#TechSec main .tech-icons .div5{grid-area:1/5/2/6;}#TechSec main .tech-icons .div6{grid-area:1/6/2/7;}#TechSec main .tech-icons .div7{grid-area:1/7/2/8;}#TechSec main .tech-icons .div8{grid-area:1/8/2/9;}#TechSec main .tech-icons .div9{grid-area:1/9/2/10;}#TechSec main .tech-icons .div10{grid-area:2/1/3/2;}#TechSec main .tech-icons .div11{grid-area:2/2/3/3;}#TechSec main .tech-icons .div12{grid-area:2/3/3/4;}#TechSec main .tech-icons .div13{grid-area:2/4/3/5;}#TechSec main .tech-icons .div14{grid-area:2/5/3/6;}#TechSec main .tech-icons .div15{grid-area:2/6/3/7;}#TechSec main .tech-icons .div16{grid-area:2/7/3/8;}#TechSec main .tech-icons .div17{grid-area:2/8/3/9;}#TechSec main .tech-icons .div18{grid-area:2/9/3/10;}#TechSec main .tech-icons .div19{grid-area:3/1/4/2;}#TechSec main .tech-icons .div20{grid-area:3/2/4/3;}#TechSec main .tech-icons .div21{grid-area:3/3/4/4;}#TechSec main .tech-icons .div22{grid-area:3/4/4/5;}#TechSec main .tech-icons .div23{grid-area:3/5/4/6;}#TechSec main .tech-icons .div24{grid-area:3/6/4/7;}#TechSec main .tech-icons .div25{grid-area:3/7/4/8;}#TechSec main .tech-icons .div26{grid-area:3/8/4/9;}#TechSec main .tech-icons .div27{grid-area:3/9/4/10;}#TechSec main .tech-icons .div28{grid-area:4/1/5/2;}#TechSec main .tech-icons .div29{grid-area:4/2/5/3;}#TechSec main .tech-icons .div30{grid-area:4/3/5/4;}#TechSec main .tech-icons .div31{grid-area:4/4/5/5;}#TechSec main .tech-icons .div32{grid-area:4/5/5/6;}#TechSec main .tech-icons .div33{grid-area:4/6/5/7;}#TechSec main .tech-icons .div34{grid-area:4/7/5/8;}#TechSec main .tech-icons .div35{grid-area:4/8/5/9;}#TechSec main .tech-icons .div36{grid-area:4/9/5/10;}#TechSec main .tech-icons .div37{grid-area:5/1/6/2;}#TechSec main .tech-icons .div38{grid-area:5/2/6/3;}#TechSec main .tech-icons .div39{grid-area:5/3/6/4;}#TechSec main .tech-icons .div40{grid-area:5/4/6/5;}#TechSec main .tech-icons .div41{grid-area:5/5/6/6;}footer{padding:10px 0 10px 0;margin:10px;border-radius:8px;z-index:5;background:linear-gradient(135deg,rgba(107,113,142,.1),rgba(255,255,255,0));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(107,113,142,.18);box-shadow:0 8px 32px 0 rgba(0,0,0,.37);}footer main .logo{display:flex;justify-content:center;}footer main .logo img{width:25px;pointer-events:none;}body{background-color:#1b1d25;position:relative;}body .glass{position:absolute;z-index:-5;background:radial-gradient(circle,rgba(63,3,167,.862745098) 0%,rgba(0,0,0,0) 74%);border-radius:50%;box-shadow:0 0 90px rgba(63,3,167,.1647058824);margin:0;padding:0;}body .glassone{width:1000px;height:1000px;top:-200px;left:-200px;}body .glasstwo{width:600px;height:600px;top:900px;right:0;transform:translateY(-50%);}body .bottom-glass{position:absolute;bottom:-10px;z-index:-5;}body .bottom-glass img{width:90%;}body .goup{position:fixed;bottom:93px;right:10px;display:none;cursor:pointer;border-radius:50px;animation:GoUp 2s ease-in-out infinite;background:linear-gradient(135deg,rgba(107,113,142,.1),rgba(255,255,255,0));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(107,113,142,.18);}body .goup:hover{background:linear-gradient(135deg,rgba(107,113,142,.205),rgba(255,255,255,.034));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(107,113,142,.336);box-shadow:-3px -4px 10px 0 rgba(123,0,255,.2823529412);transition:all .2s ease-in-out;}body .goup img{width:20px;height:auto;margin:10px 13px;pointer-events:none;}@keyframes GoUp{100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@media (max-width:1024px){header{padding:15px 0 15px 0;margin:10px;border-radius:8px;background:linear-gradient(135deg,rgba(107,113,142,.1),rgba(255,255,255,0));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(107,113,142,.18);box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}header main{justify-content:space-between;align-items:center}header main .logo{display:flex}header main .logo img{width:30px}header main nav{display:flex}header main nav .navigations{margin:0;padding:0;display:flex}header main nav .navigations ul{list-style-type:none;display:flex}header main nav .navigations ul li{font-size:18px;margin-left:50px}header main nav .navigations ul li a{color:#F0F1F4;text-decoration:none}header main nav .navigations ul li a:hover{color:#F0F1F4;filter:drop-shadow(0 0 10px #1b1d25);transform:scale(1.2);transition:all .4s ease-in-out}#welcomeSec{margin-bottom:30px}#welcomeSec main .title{padding:0 0 0 50px;margin-top:160px}#welcomeSec main .title h1{font-family:"Inter",sans-serif;font-weight:800;font-size:70px;color:#F0F1F4}#welcomeSec main .title h1 span{color:#7B00FF}#welcomeSec main .title h2{font-family:"Inter",sans-serif;font-weight:800;font-size:70px;text-transform:uppercase;color:#F0F1F4}#welcomeSec main .title h3{font-family:"Inter",sans-serif;font-weight:500;margin-left:490px;font-size:30px;color:#F0F1F4}#welcomeSec main .media{display:flex;justify-content:center;align-items:center;margin-top:170px}#welcomeSec main .media ul{list-style-type:none;display:flex}#welcomeSec main .media ul li{margin-right:60px}#welcomeSec main .media ul li img{height:40px;width:40px}#AboutSec main .title{padding-top:110px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800}#AboutSec main .aboutText{color:#F0F1F4;display:flex;justify-content:center}#AboutSec main .aboutText .mainText{margin:10px 0 0 10px;width:700px;font-family:"Inter",sans-serif;font-weight:500;font-size:18px}#AboutSec main .abotGraph{display:flex;justify-content:center;margin:40px 0}#AboutSec main .abotGraph img{width:650px}#AboutSec main .progress-container .progress-bar{width:100%;height:70px;border-radius:100vh;position:relative;overflow:hidden;box-shadow:inset 0 0 10px -1px rgba(223,223,223,.116);transition:top .3s ease;background:linear-gradient(135deg,rgba(107,113,142,.445),rgba(255,255,255,.014));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(150,151,168,.466);box-sizing:border-box}#AboutSec main .progress-container .progress-bar .progress{width:0;height:100%;background:linear-gradient(235deg,rgba(123,0,255,.295),rgba(123,0,255,.651),rgba(123,0,255,.904),rgba(123,0,255,.651),rgba(123,0,255,.384));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10vh;transition:width 2.5s ease-in-out}#AboutSec main .progress-container .progress-bar .icons{display:flex;align-items:center;position:absolute;top:50%;bottom:50%;left:0;right:0;transform:translate(-50% -50%);z-index:1}#AboutSec main .progress-container .progress-bar .icons .icon .emoji{display:flex;justify-content:center;align-items:center;height:68px;width:68px;border:4px solid rgba(240,241,244,.4392156863);border-radius:10vh}#AboutSec main .progress-container .progress-bar .icons .icon .emoji p{margin:0;font-size:30px}#AboutSec main .progress-container .progress-bar .icons .icon::after{content:attr(data-text);font-size:16px;color:#333;font-weight:bold}#AboutSec main .progress-container .progress-bar .icons span{font-size:20px;font-weight:600;width:50%;color:rgba(240,241,244,.7960784314);font-family:"Inter",sans-serif;font-weight:700}#ProjectSec main .title{padding-top:120px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800}#ProjectSec main #projects-container{display:flex;justify-content:center}#ProjectSec main .projects-container{padding:0}#ProjectSec main .projects-container .project-card{background-color:#C4C6D2;padding:15px;margin:11px auto;width:300px;border-radius:20px}#ProjectSec main .projects-container .project-card .pinned-badge{position:absolute;top:30px;right:35px}#ProjectSec main .projects-container .project-card .project-image{width:100%;height:auto;border-radius:8px}#ProjectSec main .projects-container .project-card .project-name{font-size:20px;font-family:"Inter",sans-serif;font-weight:700;margin:10px 0 10px}#ProjectSec main .projects-container .project-card .project-description{font-size:16px;font-family:"Inter",sans-serif;font-weight:500}#ProjectSec main .projects-container .project-card .project-btn{display:flex;justify-content:end}#ProjectSec main .projects-container .project-card .project-btn .btnlink{background-color:#121212;display:flex;width:40px;height:40px;border-radius:100px;justify-content:center;align-items:center}#ProjectSec main .projects-container .project-card .project-btn .btnlink img{height:20px;width:20px}#TechSec{margin-bottom:90px}#TechSec main{width:100%}#TechSec main .title{padding-top:40px;margin-bottom:20px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800}#TechSec main .tech-icons{display:flex;justify-content:center}#TechSec main .tech-icons .parent{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:30px;grid-row-gap:30px}#TechSec main .tech-icons .img{height:50px;width:50px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.158);transition:all .1s ease-in-out}#TechSec main .tech-icons .img img{height:50px;width:50px}#TechSec main .tech-icons .img:hover{transform:scale(1.9)}footer{padding:10px 0 10px 0;margin:10px;border-radius:8px;z-index:5;background:linear-gradient(135deg,rgba(107,113,142,.1),rgba(255,255,255,0));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(107,113,142,.18);box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}footer main .logo{display:flex;justify-content:center}footer main .logo img{width:20px}body{background-color:#1b1d25;position:relative}body .glass{position:absolute;z-index:-5;background:radial-gradient(circle,rgba(63,3,167,.862745098) 0%,rgba(0,0,0,0) 74%);border-radius:50%;box-shadow:0 0 90px rgba(63,3,167,.1647058824);margin:0;padding:0}body .glassone{width:800px;height:800px;top:-150px;left:-150px}body .glasstwo{width:600px;height:600px;top:800px;right:0;transform:translateY(-50%)}body .bottom-glass{position:absolute;bottom:-10px;z-index:-5}body .bottom-glass img{width:90%}}@media (min-width:1024px){#AboutSec main .aboutText .mainText span{transition:color .3s ease-in-out}#AboutSec main .aboutText .mainText:hover span{color:rgb(89,95,120)}#AboutSec main .aboutText .mainText span:hover{color:#F0F1F4}}@media (max-width:992px){header{padding:15px 0 15px 0;margin:10px;border-radius:8px;background:linear-gradient(135deg,rgba(107,113,142,.1),rgba(255,255,255,0));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(107,113,142,.18);box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}header main{justify-content:space-between;align-items:center}header main .logo{display:flex}header main .logo img{width:30px}header main nav{display:flex}header main nav .navigations{margin:0;padding:0;display:flex}header main nav .navigations ul{list-style-type:none;display:flex;margin:0}header main nav .navigations ul li{margin-right:10px;font-size:18px;margin-left:50px}header main nav .navigations ul li a{color:#F0F1F4;text-decoration:none}header main nav .navigations ul li a:hover{color:#F0F1F4;filter:drop-shadow(0 0 10px #1b1d25);transform:scale(1.2);transition:all .4s ease-in-out}#welcomeSec{margin-bottom:30px}#welcomeSec main .title{padding:0 0 0 50px;margin-top:160px}#welcomeSec main .title h1{font-family:"Inter",sans-serif;font-weight:800;font-size:55px;color:#F0F1F4}#welcomeSec main .title h1 span{color:#7B00FF}#welcomeSec main .title h2{font-family:"Inter",sans-serif;font-weight:800;font-size:55px;text-transform:uppercase;color:#F0F1F4}#welcomeSec main .title h3{font-family:"Inter",sans-serif;font-weight:500;margin-left:330px;font-size:30px;color:#F0F1F4}#welcomeSec main .media{display:flex;justify-content:center;align-items:center;margin-top:200px}#welcomeSec main .media ul{list-style-type:none;display:flex}#welcomeSec main .media ul li{margin-right:60px}#welcomeSec main .media ul li img{height:40px;width:40px}#AboutSec main .title{padding-top:120px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800}#AboutSec main .aboutText{color:#F0F1F4;display:flex;justify-content:center}#AboutSec main .aboutText .mainText{margin:10px 0 0 10px;width:700px;font-family:"Inter",sans-serif;font-weight:500;font-size:18px}#AboutSec main .abotGraph{display:flex;justify-content:center;margin:40px 0}#AboutSec main .abotGraph img{width:650px}#AboutSec main .progress-container .progress-bar{width:100%;height:70px;border-radius:100vh;position:relative;overflow:hidden;box-shadow:inset 0 0 10px -1px rgba(223,223,223,.116);transition:top .3s ease;background:linear-gradient(135deg,rgba(107,113,142,.445),rgba(255,255,255,.014));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(150,151,168,.466);box-sizing:border-box}#AboutSec main .progress-container .progress-bar .progress{width:0;height:100%;background:linear-gradient(235deg,rgba(123,0,255,.295),rgba(123,0,255,.651),rgba(123,0,255,.904),rgba(123,0,255,.651),rgba(123,0,255,.384));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10vh;transition:width 2.5s ease-in-out}#AboutSec main .progress-container .progress-bar .icons{display:flex;align-items:center;position:absolute;top:50%;bottom:50%;left:0;right:0;transform:translate(-50% -50%);z-index:1}#AboutSec main .progress-container .progress-bar .icons .icon .emoji{display:flex;justify-content:center;align-items:center;height:68px;width:68px;border:4px solid rgba(240,241,244,.4392156863);border-radius:10vh}#AboutSec main .progress-container .progress-bar .icons .icon .emoji p{margin:0;font-size:30px}#AboutSec main .progress-container .progress-bar .icons .icon::after{content:attr(data-text);font-size:16px;color:#333;font-weight:bold}#AboutSec main .progress-container .progress-bar .icons span{font-size:20px;font-weight:600;width:50%;color:rgba(240,241,244,.7960784314);font-family:"Inter",sans-serif;font-weight:700}#ProjectSec main .title{padding-top:120px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800}#ProjectSec main #projects-container{display:flex;justify-content:center}#ProjectSec main .projects-container{padding:0}#ProjectSec main .projects-container .project-card{background-color:#C4C6D2;padding:15px;margin:11px auto;width:335px;border-radius:20px}#ProjectSec main .projects-container .project-card .pinned-badge{position:absolute;top:30px;right:35px}#ProjectSec main .projects-container .project-card .project-image{width:100%;height:auto;border-radius:8px}#ProjectSec main .projects-container .project-card .project-name{font-size:20px;font-family:"Inter",sans-serif;font-weight:700;margin:10px 0 10px}#ProjectSec main .projects-container .project-card .project-description{font-size:16px;font-family:"Inter",sans-serif;font-weight:500}#ProjectSec main .projects-container .project-card .project-btn{display:flex;justify-content:end}#ProjectSec main .projects-container .project-card .project-btn .btnlink{background-color:#121212;display:flex;width:40px;height:40px;border-radius:100px;justify-content:center;align-items:center}#ProjectSec main .projects-container .project-card .project-btn .btnlink img{height:20px;width:20px}#TechSec{margin-bottom:90px}#TechSec main{width:100%}#TechSec main .title{padding-top:40px;margin-bottom:20px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800}#TechSec main .tech-icons{display:flex;justify-content:center}#TechSec main .tech-icons .parent{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:30px;grid-row-gap:30px}#TechSec main .tech-icons .img{height:50px;width:50px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.158);transition:all .1s ease-in-out}#TechSec main .tech-icons .img img{height:50px;width:50px}#TechSec main .tech-icons .img:hover{transform:scale(1.9)}footer{padding:10px 0 10px 0;margin:10px;border-radius:8px;z-index:5;background:linear-gradient(135deg,rgba(107,113,142,.1),rgba(255,255,255,0));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(107,113,142,.18);box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}footer main .logo{display:flex;justify-content:center}footer main .logo img{width:20px}body{background-color:#1b1d25;position:relative}body .glass{position:absolute;z-index:-5;background:radial-gradient(circle,rgba(63,3,167,.862745098) 0%,rgba(0,0,0,0) 74%);border-radius:50%;box-shadow:0 0 90px rgba(63,3,167,.1647058824);margin:0;padding:0}body .glassone{width:800px;height:800px;top:-150px;left:-150px}body .glasstwo{width:600px;height:600px;top:800px;right:0;transform:translateY(-50%)}body .bottom-glass{position:absolute;bottom:-10px;z-index:-5}body .bottom-glass img{width:90%}}@media (max-width:767px){header{padding:15px 0 15px 0;margin:10px;border-radius:8px;background:linear-gradient(135deg,rgba(107,113,142,.1),rgba(255,255,255,0));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(107,113,142,.18);box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}header main{justify-content:space-between;align-items:center}header main .logo{display:flex}header main .logo img{width:25px}.mobile-sidebar{position:fixed;top:0;width:250px;height:100%;background-color:var(--red-color);transition:right .3s ease;padding:10px 0 10px 0;margin:103px 13px;border-radius:8px;z-index:5;background:linear-gradient(135deg,rgba(107,113,142,.1),rgba(255,255,255,0));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(107,113,142,.18);visibility:hidden}.mobile-sidebar ul{list-style-type:none;margin:0}.mobile-sidebar ul li{font-family:"Inter",sans-serif;font-weight:700;font-size:18px;margin:10px 0 10px 50px}.mobile-sidebar ul li a{color:#F0F1F4;text-decoration:none;filter:drop-shadow(0 0 5px rgba(0,0,0,.555));user-select:none}.mobile-sidebar.active{right:0;visibility:visible}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;display:none;z-index:3}.overlay.active{display:block;visibility:visible}#welcomeSec{margin-bottom:30px}#welcomeSec main .title{padding:0 0 0 50px;margin-top:160px}#welcomeSec main .title h1{font-family:"Inter",sans-serif;font-weight:800;font-size:50px;color:#F0F1F4}#welcomeSec main .title h1 span{color:#7B00FF}#welcomeSec main .title h2{font-family:"Inter",sans-serif;font-weight:800;font-size:40px;text-transform:uppercase;color:#F0F1F4}#welcomeSec main .title h3{font-family:"Inter",sans-serif;font-weight:500;margin-left:210px;font-size:25px;color:#F0F1F4}#welcomeSec main .media{display:flex;justify-content:center;align-items:center;margin-top:200px}#welcomeSec main .media ul{list-style-type:none;display:flex}#welcomeSec main .media ul li{margin-right:40px}#welcomeSec main .media ul li img{height:30px;width:30px}#AboutSec main .title{padding-top:60px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800}#AboutSec main .aboutText{color:#F0F1F4;display:flex;justify-content:center}#AboutSec main .aboutText .mainText{margin:10px 0 0 10px;width:500px;font-family:"Inter",sans-serif;font-weight:500;font-size:12px}#AboutSec main .abotGraph{display:flex;justify-content:center;margin:40px 0}#AboutSec main .abotGraph img{width:450px}#AboutSec main .progress-container .progress-bar{width:100%;height:70px;border-radius:100vh;position:relative;overflow:hidden;box-shadow:inset 0 0 10px -1px rgba(223,223,223,.116);transition:top .3s ease;background:linear-gradient(135deg,rgba(107,113,142,.445),rgba(255,255,255,.014));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(150,151,168,.466);box-sizing:border-box}#AboutSec main .progress-container .progress-bar .progress{width:0;height:100%;background:linear-gradient(235deg,rgba(123,0,255,.295),rgba(123,0,255,.651),rgba(123,0,255,.904),rgba(123,0,255,.651),rgba(123,0,255,.384));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10vh;transition:width 2.5s ease-in-out}#AboutSec main .progress-container .progress-bar .icons{display:flex;align-items:center;position:absolute;top:50%;bottom:50%;left:0;right:0;transform:translate(-50% -50%);z-index:1}#AboutSec main .progress-container .progress-bar .icons .icon .emoji{display:flex;justify-content:center;align-items:center;height:68px;width:68px;border:4px solid rgba(240,241,244,.4392156863);border-radius:10vh}#AboutSec main .progress-container .progress-bar .icons .icon .emoji p{margin:0;font-size:30px}#AboutSec main .progress-container .progress-bar .icons .icon::after{content:attr(data-text);font-size:16px;color:#333;font-weight:bold}#AboutSec main .progress-container .progress-bar .icons span{font-size:20px;font-weight:600;width:50%;color:rgba(240,241,244,.7960784314);font-family:"Inter",sans-serif;font-weight:700}#ProjectSec main .title{padding-top:50px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800}#ProjectSec main #projects-container{display:flex;justify-content:center}#ProjectSec main .projects-container{padding:0}#ProjectSec main .projects-container .project-card{background-color:#C4C6D2;padding:15px;margin:10px auto;width:250px;border-radius:20px}#ProjectSec main .projects-container .project-card .pinned-badge{position:absolute;top:25px;right:30px}#ProjectSec main .projects-container .project-card .project-image{width:100%;height:auto;border-radius:8px}#ProjectSec main .projects-container .project-card .project-name{font-size:16px;font-family:"Inter",sans-serif;font-weight:700;margin:10px 0 10px}#ProjectSec main .projects-container .project-card .project-description{font-size:14px;font-family:"Inter",sans-serif;font-weight:500}#ProjectSec main .projects-container .project-card .project-btn{display:flex;justify-content:end}#ProjectSec main .projects-container .project-card .project-btn .btnlink{background-color:#121212;display:flex;width:40px;height:40px;border-radius:100px;justify-content:center;align-items:center}#ProjectSec main .projects-container .project-card .project-btn .btnlink img{height:20px;width:20px}#ExperienceSec .experience-wrapper::before{left:10px}#ExperienceSec .experience-card{margin-left:35px}#TechSec{margin-bottom:60px}#TechSec main{width:100%}#TechSec main .title{padding-top:50px;margin-bottom:15px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800}#TechSec main .tech-icons{display:flex;justify-content:center}#TechSec main .tech-icons .parent{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:20px;grid-row-gap:20px}#TechSec main .tech-icons .img{height:30px;width:30px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.158);transition:all .1s ease-in-out}#TechSec main .tech-icons .img img{height:30px;width:30px}#TechSec main .tech-icons .img:hover{transform:scale(1.9)}footer{padding:10px 0 10px 0;margin:10px;border-radius:8px;z-index:5;background:linear-gradient(135deg,rgba(107,113,142,.1),rgba(255,255,255,0));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(107,113,142,.18);box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}footer main .logo{display:flex;justify-content:center}footer main .logo img{width:20px}body{background-color:#1b1d25;position:relative}body .glass{position:absolute;z-index:-5;background:radial-gradient(circle,rgba(63,3,167,.862745098) 0%,rgba(0,0,0,0) 74%);border-radius:50%;box-shadow:0 0 90px rgba(63,3,167,.1647058824);margin:0;padding:0}body .glassone{width:600px;height:600px;top:-100px;left:-100px}body .glasstwo{width:400px;height:400px;top:700px;right:0;transform:translateY(-50%)}body .bottom-glass{position:absolute;bottom:-10px;z-index:-5}body .bottom-glass img{width:90%}}@media (min-width:767px){.nav-menu{display:block;visibility:visible;right:20px}}@media (max-width:576px){header{padding:15px 0 15px 0;margin:10px;border-radius:8px;background:linear-gradient(135deg,rgba(107,113,142,.1),rgba(255,255,255,0));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(107,113,142,.18);box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}header main{justify-content:space-between;align-items:center}header main .logo{display:flex}header main .logo img{width:20px}#welcomeSec{margin-bottom:30px}#welcomeSec main .title{padding:0 0 0 50px;margin-top:160px}#welcomeSec main .title h1{font-family:"Inter",sans-serif;font-weight:800;font-size:40px;color:#F0F1F4}#welcomeSec main .title h1 span{color:#7B00FF}#welcomeSec main .title h2{font-family:"Inter",sans-serif;font-weight:800;font-size:35px;text-transform:uppercase;color:#F0F1F4}#welcomeSec main .title h3{font-family:"Inter",sans-serif;font-weight:500;margin-left:55px;font-size:20px;color:#F0F1F4}#welcomeSec main .media{display:flex;justify-content:center;align-items:center;margin-top:200px}#welcomeSec main .media ul{list-style-type:none;display:flex}#welcomeSec main .media ul li{margin-right:30px}#welcomeSec main .media ul li img{height:25px;width:25px}#AboutSec main .title{padding-top:100px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800}#AboutSec main .aboutText{color:#F0F1F4;display:flex;justify-content:center}#AboutSec main .aboutText .mainText{margin:10px 0 0 10px;width:350px;font-family:"Inter",sans-serif;font-weight:500;font-size:12px}#AboutSec main .abotGraph{display:flex;justify-content:center;margin:50px 0}#AboutSec main .abotGraph img{width:300px}#AboutSec main .progress-container .progress-bar{width:100%;height:50px;border-radius:100vh;position:relative;overflow:hidden;box-shadow:inset 0 0 10px -1px rgba(223,223,223,.116);transition:top .3s ease;background:linear-gradient(135deg,rgba(107,113,142,.445),rgba(255,255,255,.014));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(150,151,168,.466);box-sizing:border-box}#AboutSec main .progress-container .progress-bar .progress{width:0;height:100%;background:linear-gradient(235deg,rgba(123,0,255,.295),rgba(123,0,255,.651),rgba(123,0,255,.904),rgba(123,0,255,.651),rgba(123,0,255,.384));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10vh;transition:width 2.5s ease-in-out}#AboutSec main .progress-container .progress-bar .icons{display:flex;align-items:center;position:absolute;top:50%;bottom:50%;left:0;right:0;transform:translate(-50% -50%);z-index:1}#AboutSec main .progress-container .progress-bar .icons .icon .emoji{display:flex;justify-content:center;align-items:center;height:48px;width:48px;border:4px solid rgba(240,241,244,.4392156863);border-radius:10vh}#AboutSec main .progress-container .progress-bar .icons .icon .emoji p{margin:0;font-size:25px}#AboutSec main .progress-container .progress-bar .icons .icon::after{content:attr(data-text);font-size:16px;color:#333;font-weight:bold}#AboutSec main .progress-container .progress-bar .icons span{font-size:12px;font-weight:600;width:50%;color:rgba(240,241,244,.7960784314);font-family:"Inter",sans-serif;font-weight:700}#ProjectSec main{margin-bottom:50px}#ProjectSec main .title{padding-top:50px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800}#ProjectSec main #projects-container{display:flex;justify-content:center}#ProjectSec main .projects-container{padding:0}#ProjectSec main .projects-container .project-card{background-color:#C4C6D2;padding:15px;margin:10px auto;width:300px;border-radius:20px;position:relative}#ProjectSec main .projects-container .project-card .pinned-badge{position:absolute;top:15px;right:20px}#ProjectSec main .projects-container .project-card .project-image{width:100%;height:auto;border-radius:8px}#ProjectSec main .projects-container .project-card .project-name{font-size:16px;font-family:"Inter",sans-serif;font-weight:700;margin:10px 0 10px}#ProjectSec main .projects-container .project-card .project-description{font-size:12px;font-family:"Inter",sans-serif;font-weight:500}#ProjectSec main .projects-container .project-card .project-btn{display:flex;justify-content:end}#ProjectSec main .projects-container .project-card .project-btn .btnlink{background-color:#121212;display:flex;width:40px;height:40px;border-radius:100px;justify-content:center;align-items:center}#ProjectSec main .projects-container .project-card .project-btn .btnlink img{height:20px;width:20px}#TechSec{margin-bottom:50px}#TechSec main{width:300px}#TechSec main .title{padding-top:115px;margin-bottom:30px;color:#F0F1F4;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-weight:800}#TechSec main .tech-icons{display:flex;justify-content:center}#TechSec main .tech-icons .parent{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:10px;grid-row-gap:10px}#TechSec main .tech-icons .img{height:25px;width:25px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.158);transition:all .1s ease-in-out}#TechSec main .tech-icons .img img{height:20px;width:20px}#TechSec main .tech-icons .img:hover{transform:scale(1.9)}footer{padding:10px 0 10px 0;margin:10px;border-radius:8px;z-index:5;background:linear-gradient(135deg,rgba(107,113,142,.1),rgba(255,255,255,0));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(107,113,142,.18);box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}footer main .logo{display:flex;justify-content:center}footer main .logo img{width:20px}body{background-color:#1b1d25;position:relative}body .glass{position:absolute;z-index:-5;background:radial-gradient(circle,rgba(63,3,167,.862745098) 0%,rgba(0,0,0,0) 74%);border-radius:50%;box-shadow:0 0 90px rgba(63,3,167,.1647058824);margin:0;padding:0}body .glassone{width:300px;height:300px;top:-70px;left:-60px}body .glasstwo{width:300px;height:300px;top:700px;transform:translateY(-50%)}body .bottom-glass{position:absolute;bottom:-10px;z-index:-5}body .bottom-glass img{width:90%}}body{background-color:#1b1d25;user-select:none;}