@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";.cursor{width:50px;height:50px;border-radius:50%;border:1px solid white;position:fixed;z-index:999}@media (max-width: 930px){.cursor{display:none}}@media (max-width: 1366px){.cursor{display:none}}.face{height:100px;width:200px;position:fixed;z-index:999;left:6vw;display:flex;align-items:center;justify-content:center;gap:20px}@media (max-width: 930px){.face{display:none}}@media (max-width: 1366px){.face{display:none}}.eyeBall{height:40px;width:60px;background:#fafad2;border-radius:50%;position:relative;overflow:hidden}.eyeBall .eyeLayer{position:absolute;top:0;left:0;height:40px;width:60px;background:#1f1f33;z-index:99}.eyeBall .bigBall{height:30px;width:30px;background-color:#311010;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.eyeBall .bigBall .smallBall{height:10px;width:10px;background-color:#fff;border-radius:50%}.message{background-color:transparent;border:2px solid #fff;border-radius:10px;position:fixed;top:5.5vw;left:12.5vw;color:#fff;transition:opacity .4s ease;z-index:999;min-width:50px;transform:translate(-50%)}@media (max-width: 930px){.message{display:none}}@media (max-width: 1366px){.message{display:none}}.message p{margin:10px}.resume{height:100vh;width:100vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;position:absolute;z-index:9999;top:0;left:0;display:flex;justify-content:center}.resume .inner{height:100%;width:55%}@media (max-width: 930px){.resume .inner{width:100%}}.resume .inner object{height:100%;width:100%;border:none}@media (max-width: 930px){.resume .inner object{height:100vh;width:100vw}}.resume .btn{height:50px;width:50px;color:#fff;font-size:77px;position:absolute;top:-10px;right:10px;cursor:pointer}@media (max-width: 930px){.resume .btn{display:flex;align-items:center;justify-content:center;top:10px;right:10px}}.resume .btn:hover{color:red}.navbar{height:100px}.navbar .wrapper{max-width:1366px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%}@media (max-width: 930px){.navbar .wrapper{justify-content:flex-end;padding:20px}}.navbar .wrapper h2{padding-left:40vw;text-decoration:underline;display:none}.navbar .wrapper h2:hover{filter:drop-shadow(0 0 10px rgba(255,255,255,.8));color:#fff;transition:filter .3s ease,color .3s ease}.navbar span{font-weight:700}@media (max-width: 930px){.navbar span{display:none}}.navbar .social{display:flex;gap:20px;font-size:2vw}@media (max-width: 1366px){.navbar .social{font-size:35px;margin-right:20px}}@media (max-width: 930px){.navbar .social{font-size:30px;margin-right:unset}}.navbar .social a:hover{filter:drop-shadow(0 0 15px rgba(255,255,255,.8));color:#fff;transition:filter .3s ease,color .3s ease}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#000}.sidebar .bg{z-index:999;position:fixed;top:0;left:0;bottom:0;width:400px;background:#fff}@media (max-width: 930px){.sidebar .bg{width:200px;top:-10px;left:-10px}}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg .links a{font-size:40px}@media (max-width: 930px){.sidebar .bg .links a{font-size:20px}}.sidebar button{z-index:999;width:50px;height:50px;border-radius:50%;position:fixed;top:25px;left:25px;background-color:transparent;border:none;cursor:pointer}@media (max-width: 930px){.sidebar button{top:17px;left:15px}}.hero{height:calc(100vh - 100px);overflow:hidden;background:linear-gradient(180deg,#0c0c1d,#111132);position:relative}.hero .wrapper{max-width:1366px;height:100%;margin:auto}.hero .wrapper .textContainer{height:100%;width:50%;display:flex;flex-direction:column;justify-content:center;gap:40px}@media (max-width: 1366px){.hero .wrapper .textContainer{margin-left:30px}}@media (max-width: 930px){.hero .wrapper .textContainer{margin-left:unset;height:50%;width:100%;gap:20px;align-items:center;padding-left:15px;text-align:center}}.hero .wrapper .textContainer h2{font-style:30px;color:#639;letter-spacing:10px}@media (max-width: 930px){.hero .wrapper .textContainer h2{padding-left:7px}}.hero .wrapper .textContainer h1{font-size:88px;cursor:default}@media (max-width: 930px){.hero .wrapper .textContainer h1{font-size:10vw;filter:drop-shadow(0 0 10px rgba(100,108,255,.6666666667))}}.hero .wrapper .textContainer h1:hover{filter:drop-shadow(0 0 10px rgba(100,108,255,.6666666667));color:#fff;transition:filter .3s ease,color .3s ease}.hero .wrapper .textContainer .buttons{width:350px;display:flex;justify-content:space-between;z-index:99}@media (max-width: 930px){.hero .wrapper .textContainer .buttons{width:100%;justify-content:space-evenly}}.hero .wrapper .textContainer .buttons button{padding:20px;border:1px solid white;border-radius:10px;background-color:transparent;color:#fff;margin-right:20px;font-weight:300;cursor:pointer;transition:filter .3s ease,all .3s ease}@media (max-width: 930px){.hero .wrapper .textContainer .buttons button{padding:10px;font-size:12px;text-wrap:nowrap;margin-right:unset}}.hero .wrapper .textContainer .buttons button:hover{filter:drop-shadow(0 0 50px #fff);font-weight:900}.hero .wrapper .textContainer img{width:50px}.hero .imageContainer{height:100%;position:absolute;top:0;right:0;margin-top:2vw;margin-right:6vw;will-change:filter;transition:filter .5s}@media (max-width: 930px){.hero .imageContainer{height:50%;width:100%;top:unset;bottom:0;margin-right:unset}}.hero .imageContainer img{height:100%;width:100%;object-fit:contain}@media (max-width: 930px){.hero .imageContainer img{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}}.hero .imageContainer:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.slidingTextContainer{position:absolute;font-size:50vh;bottom:-100px;font-weight:900;white-space:nowrap;color:#ffffff09;width:50%;z-index:1}@media (max-width: 930px){.slidingTextContainer{font-size:30vw;bottom:50%}}.parallax{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.parallax h1{font-size:100px;z-index:4}@media (max-width: 930px){.parallax h1{font-size:60px;text-wrap:nowrap;text-align:center}}.parallax .mountains{background-image:url(/mountains.png);background-size:cover;background-position:bottom;height:100%;width:100%;position:absolute;z-index:3}@media (max-width: 930px){.parallax .mountains{background-size:contain;background-repeat:no-repeat}}.parallax .planets{background-image:url(/planets.png);background-size:cover;background-position:bottom;height:100%;width:100%;position:absolute;z-index:2}@media (max-width: 930px){.parallax .planets{background-size:contain;background-repeat:no-repeat}}.parallax .stars{background-image:url(/stars.png);background-size:cover;background-position:bottom;height:100%;width:100%;position:absolute;z-index:1}.services{position:relative;background:linear-gradient(180deg,#0c0c1d,#111132);height:100%;display:flex;flex-direction:column;justify-content:space-between}.services .titleContainer{flex:2;display:flex;flex-direction:column;align-items:center;margin-top:10px}@media (max-width: 930px){.services .titleContainer{width:100%;padding:10px}}.services .titleContainer .title{display:flex;gap:50px;align-items:center}@media (max-width: 1366px){.services .titleContainer .title{text-align:center;gap:5px}}@media (max-width: 930px){.services .titleContainer .title{flex-direction:column;text-align:center;gap:5px}}.services .titleContainer img{width:100px;height:50px;border-radius:50px;object-fit:cover}@media (max-width: 1366px){.services .titleContainer img{width:250px;height:70px}}@media (max-width: 930px){.services .titleContainer img{width:100px;height:30px}}.services .titleContainer h1{font-size:44px;font-weight:100}@media (max-width: 1366px){.services .titleContainer h1{font-size:56px}}@media (max-width: 930px){.services .titleContainer h1{font-size:26px}}.services .titleContainer button{width:100px;height:50px;border-radius:50px;background:orange;border:none;font-size:21px;font-weight:900;color:#fff;cursor:pointer}@media (max-width: 1366px){.services .titleContainer button{font-size:24px;width:250px;height:70px}}@media (max-width: 930px){.services .titleContainer button{font-size:16px;width:80px;height:30px}}.services .bottom{height:90vh;width:100%;padding:10px;display:flex}@media (max-width: 930px){.services .bottom{flex-direction:column}}.services .bottom .bt-left{flex:1;border:2px solid gray;background-color:#0e0e26;border-radius:20px;height:100%;margin-right:5px;position:relative;z-index:3;display:flex;justify-content:center;align-items:center}@media (max-width: 930px){.services .bottom .bt-left{height:50%;width:100%;margin-right:unset;margin-bottom:5px}}.services .bottom .bt-left .skill-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:120px;width:120px;z-index:30;border-radius:20px;overflow:hidden;border:4px dotted gray;transition:all .5s ease}@media (max-width: 930px){.services .bottom .bt-left .skill-img{height:70px;width:70px}}.services .bottom .bt-left .skill-img img{height:100%;width:100%;object-fit:cover}.services .bottom .bt-left .skill-img:hover{height:125px;width:125px;filter:drop-shadow(0 0 20px rgba(100,108,255,.6666666667))}.services .bottom .bt-right{border:2px solid gray;background-color:#0e0e26;border-radius:20px;height:100%;width:50%;margin-left:5px;position:relative;z-index:1;overflow:hidden}@media (max-width: 930px){.services .bottom .bt-right{height:50%;width:100%;margin-left:unset;margin-top:5px}}.skillIcon-div{background-color:#1b1b2f;position:absolute;box-shadow:0 4px 10px #ffffff80;overflow:hidden;border-radius:50%;transform-origin:center;transition:all .5s ease-in-out}@media (max-width: 930px){.skillIcon-div{display:flex;align-items:center;justify-content:center}}.skillIcon-div .skill-icon{position:absolute;top:0;left:0;height:100%;width:100%;padding:25px}@media (max-width: 930px){.skillIcon-div .skill-icon{padding:10px;display:flex;align-items:center;justify-content:center;height:100%;width:100%}}.skillIcon-div .skill-icon img{height:100%;width:100%;border-radius:10px}.skillIcon-div:hover{scale:1.03;filter:drop-shadow(0 0 20px rgba(100,108,255,.6666666667))}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.skillPositionEditor{position:absolute;top:20px;right:40px;padding:10px 20px;background-color:#25103d;border:2px solid #fff;border-radius:10px;z-index:999}@media (max-width: 930px){.skillPositionEditor{top:60px;right:10px}}.skillPositionEditor .icon-and-title{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.skillPositionEditor .icon-and-title .percentage-container .percentage-input{width:25px;padding:0 5px;border:none}.skillPositionEditor .icon-and-title .percentage-container label{font-size:20px}.skillPositionEditor .icon-and-title img{height:25px;width:25px;border-radius:50%}.skillPositionEditor .icon-and-title button{all:unset}.skillPositionEditor .icon-and-title .icon{margin-left:10px;cursor:pointer}.skillPositionEditor .icon-and-title .clear-icon{font-size:28px}.skillPositionEditor .icon-and-title .save-icon{font-size:24px;color:#28c244}.skillPositionEditor .positioning-inputs{display:flex;align-items:center;justify-content:center;gap:20px}.skillPositionEditor .positioning-inputs .input-container{display:flex;align-items:center;gap:10px}.skillPositionEditor input{all:unset;width:100px;border:1px solid #fff;border-radius:5px;font-size:20px;padding:5px 10px}.skillPositionEditor label{font-size:24px;font-weight:600}.errorMessage{color:red;font-size:16px;margin-top:5px;text-align:center}@media (max-width: 930px){.errorMessage{font-size:14px}}.portfolio{position:relative}.portfolio .progress{position:sticky;top:0;left:0;padding-top:50px;text-align:center;color:orange;font-size:36px}@media (max-width: 930px){.portfolio .progress{font-size:22px;padding:10px;text-align:right}}@media (max-width: 930px){.portfolio .progress h1{font-size:30px;margin:10px 0 15px}}.portfolio .progressBar{height:10px;background-color:#fff;border-radius:10px}@media (max-width: 930px){.portfolio .progressBar{margin-top:10px}}.portfolio .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.portfolio .container .wrapper{max-width:1366px;height:100%;margin:auto;display:flex;align-items:center;justify-content:center;gap:50px}@media (max-width: 930px){.portfolio .container .wrapper{position:relative;flex-direction:column;gap:20px}}.portfolio .container .imgContainer{flex:1;position:relative;height:50%;border:5px solid #fff;border-radius:20px;overflow:hidden;cursor:pointer}@media (max-width: 930px){.portfolio .container .imgContainer{width:89%;margin:100px 30px 0;max-height:45vw}}.portfolio .container .imgContainer h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:orange;font-weight:900;font-size:90px;text-wrap:nowrap;overflow:hidden}@media (max-width: 930px){.portfolio .container .imgContainer h1{font-size:65px}}.portfolio .container .imgContainer h1 span{display:inline-block;filter:drop-shadow(0 0 10px rgba(255,255,255,.8));transition:filter .3s ease,color .3s ease}.portfolio .container .imgContainer img{width:100%;height:100%;object-fit:cover}@media (max-width: 930px){.portfolio .container .imgContainer img{object-fit:cover}}.portfolio .container .imgContainer:hover{filter:drop-shadow(0 0 50px orange);transition:filter .3s ease,color .3s ease}.portfolio .container .textContainer{flex:1;display:flex;flex-direction:column;gap:10px}@media (max-width: 930px){.portfolio .container .textContainer{transform:none!important;padding:10px;height:40vh;align-items:center}}.portfolio .container .textContainer .icons{display:flex}.portfolio .container .textContainer .icons img{height:30px;width:30px;margin-left:20px;border-radius:5px}@media (max-width: 930px){.portfolio .container .textContainer .icons img{margin-left:10px}}.portfolio .container .textContainer .project-title{margin-top:5vw;display:flex;align-items:center;gap:20px}@media (max-width: 930px){.portfolio .container .textContainer .project-title{gap:10px}}.portfolio .container .textContainer .project-title button{all:unset;font-size:34px;cursor:pointer}@media (max-width: 930px){.portfolio .container .textContainer .project-title button{font-size:24px}}.portfolio .container .textContainer .project-title:hover button{filter:drop-shadow(0 0 10px rgba(255,255,255,.8));color:#fff;transition:filter .3s ease,color .3s ease}.portfolio .container .textContainer h2{font-size:54px}@media (max-width: 930px){.portfolio .container .textContainer h2{font-size:32px;text-align:center}}.portfolio .container .textContainer p{color:gray;font-size:20px;font-weight:600}@media (max-width: 1366px){.portfolio .container .textContainer p{font-size:1.6vw}}@media (max-width: 930px){.portfolio .container .textContainer p{height:33vh;overflow:hidden;font-size:14px}}.portfolio .container .textContainer .links{height:60px;width:230px;display:flex;align-items:center;justify-content:space-between}@media (max-width: 930px){.portfolio .container .textContainer .links{position:absolute;bottom:5vw}}.portfolio .container .textContainer .links .demo button{transition:all .5s ease;background-color:orange;border-radius:10px;border:none;padding:10px;width:150px;font-size:24px;cursor:pointer;text-wrap:nowrap}@media (max-width: 930px){.portfolio .container .textContainer .links .demo button{font-size:20px}}.portfolio .container .textContainer .links .demo button:hover{filter:drop-shadow(0 0 10px rgba(255,255,255,.8));color:#fff;transition:filter .3s ease,color .3s ease}.portfolio .container .textContainer .links .git{margin-top:.7vw;font-size:40px}@media (max-width: 930px){.portfolio .container .textContainer .links .git{margin-top:15px}}.portfolio .container .textContainer .links .git:hover{filter:drop-shadow(0 0 10px rgba(255,255,255,.8));color:#fff;transition:filter .3s ease,color .3s ease}.contact{height:100%;max-width:1366px;margin:auto;display:flex;align-items:center;gap:50px}@media (max-width: 1366px){.contact{width:100%;padding:20px}}@media (max-width: 930px){.contact{width:100%;padding:10px;flex-direction:column;gap:10px}}.contact .textContainer{flex:.5;display:flex;flex-direction:column;gap:40px}@media (max-width: 930px){.contact .textContainer{gap:5px;text-align:center;align-items:center;margin-top:50px}}.contact .textContainer h1{font-size:100px;line-height:80px}@media (max-width: 930px){.contact .textContainer h1{text-wrap:nowrap;font-size:30px}}.contact .textContainer span{font-weight:100;display:inline-block;margin-top:.5vw}@media (max-width: 930px){.contact .textContainer span{margin:0 0 5px}}.contact .textContainer span a{font-size:24px}@media (max-width: 930px){.contact .textContainer span a{font-size:18px}}.contact .textContainer span .no{font-size:24px}.contact .formContainer{flex:1;position:relative}@media (max-width: 930px){.contact .formContainer{width:100%;padding:20px}}.contact .formContainer .phoneSvg{stroke:orange;position:absolute;margin:auto;z-index:2;width:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 930px){.contact .formContainer .phoneSvg{width:100%;display:flex;align-items:center;justify-content:center;left:.3vw;top:80px}}@media (max-width: 930px){.contact .formContainer .phoneSvg svg{height:300px;width:300px}}.contact .formContainer h1{margin-bottom:10px}.contact .formContainer form{display:flex;flex-direction:column;gap:20px;position:relative;z-index:2}.contact .formContainer form input,.contact .formContainer form textarea{padding:20px;background-color:transparent;border:1px solid #fff;color:#fff;border-radius:5px}@media (max-width: 930px){.contact .formContainer form input,.contact .formContainer form textarea{padding:10px}}.contact .formContainer form button{padding:20px;border:none;border-radius:5px;background-color:orange;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:500;font-size:20px}@media (max-width: 930px){.contact .formContainer form button{padding:10px}}.contact .formContainer form .msg{display:flex;align-items:center;justify-content:center;font-size:2vw}@media (max-width: 930px){.contact .formContainer form .msg{font-size:24px}}.contact .formContainer form .msg-s{color:green}.contact .formContainer form .msg-e{color:red}.portfolio-loading{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0c0c1e;display:flex;align-items:center;justify-content:center;z-index:9999}.login-container{height:100vh;width:-100%;display:flex;align-items:center;justify-content:center}@media (max-width: 930px){.login-container{padding:0 20px}}.login-container .form-container{display:flex;flex-direction:column;gap:20px;width:400px}.login-container .form-container .title{text-align:center}.login-container .form-container .form{display:flex;flex-direction:column;gap:20px;width:100%;padding:20px;border-radius:10px;border:2px solid #663399}.login-container .form-container .form input{padding:10px;border-radius:5px;border:1px solid #663399;background-color:transparent;color:#fff;font-size:16px}.login-container .form-container .form input:focus{outline:none}.login-container .form-container .form input::placeholder{color:#9fa0bb}.login-container .form-container .form button{padding:10px;border-radius:5px;border:none;background-color:#639;color:#fff;font-size:16px;transition:all .3s ease;cursor:pointer}.login-container .form-container .form button:hover{background-color:#9fa0bb}.login-container .form-container .form .home-btn{background-color:transparent;border:2px solid #663399;color:#9fa0bb}.login-container .form-container .form .home-btn:hover{color:#000}.admin-dashboard{height:100vh;width:100%;padding-left:20%;display:flex;overflow-x:hidden}@media (max-width: 930px){.admin-dashboard{flex-direction:column;padding:unset}}.admin-dashboard .admin-navbar{display:none}@media (max-width: 930px){.admin-dashboard .admin-navbar{width:100%;display:flex;justify-content:space-between;padding:10px}}.admin-dashboard .admin-navbar .admin-icons{font-size:32px}.admin-dashboard .admin-navbar .hide-icon{display:none}.admin-dashboard .admin-content{flex:4;padding:30px 40px}@media (max-width: 930px){.admin-dashboard .admin-content{padding:10px 20px}}.admin-sidebar{flex:1;border-right:1px solid #663399;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background-color:#0c0c1d;transition:all .3s ease;position:fixed;top:0;left:0;height:100%;min-width:20%}@media (max-width: 930px){.admin-sidebar{min-width:70%;position:absolute;top:0;height:100%;z-index:10;padding:10px}}.admin-sidebar .top .image-container{display:flex;align-items:center;gap:20px}@media (max-width: 930px){.admin-sidebar .top .image-container{gap:10px}}.admin-sidebar .top .image-container h3{font-size:28px}@media (max-width: 930px){.admin-sidebar .top .image-container h3{font-size:20px}}.admin-sidebar .top .image-container .profile-image{height:50px;width:50px;overflow:hidden;border-radius:50%;position:relative}@media (max-width: 930px){.admin-sidebar .top .image-container .profile-image{height:30px;width:30px}}.admin-sidebar .top .image-container .profile-image img{height:100%;width:100%;object-fit:cover}.admin-sidebar .top .image-container .profile-image .edit-image{position:absolute;top:0;right:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;background-color:#639;opacity:0;cursor:pointer;transition:opacity .3s ease}.admin-sidebar .top .image-container .profile-image:hover .edit-image{opacity:.5}.admin-sidebar .top .image-container .profile-image .profile-image-loader{position:absolute;top:0;right:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;background-color:#9fa0bb}.admin-sidebar .top .links{margin-top:20px;display:flex;flex-direction:column;gap:10px}.admin-sidebar .top .links .nav-link{font-size:20px;letter-spacing:2px;border:2px solid #663399;padding:5px 10px;border-radius:5px}@media (max-width: 930px){.admin-sidebar .top .links .nav-link{font-size:16px}}.admin-sidebar .top .links .active{background-color:#639;color:#fff}.admin-sidebar .bottom .logout-btn{padding:10px;width:100%;border-radius:5px;border:none;background-color:#639;color:#fff;font-size:20px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.admin-sidebar .bottom .logout-btn:hover{background-color:#9fa0bb}@media (max-width: 930px){.admin-sidebar .bottom .logout-btn{font-size:16px}}@media (max-width: 930px){.sidebar-close{left:-100%}}.sidebar-open{left:0}@media (max-width: 930px){.project-title{font-size:28px}}.projects-container{display:flex;flex-direction:column;gap:20px;padding:20px;border-radius:10px;margin-top:20px}@media (max-width: 930px){.projects-container{padding:0}}.projects-container .project{all:unset;cursor:pointer;display:flex;align-items:center;gap:20px;border:2px solid #663399;padding:10px;border-radius:5px;transition:all .3s ease}@media (max-width: 930px){.projects-container .project{flex-direction:column}}.projects-container .project .project-image{min-width:200px;height:100px;border-radius:5px;overflow:hidden}@media (max-width: 930px){.projects-container .project .project-image{width:100%}}.projects-container .project .project-image img{width:100%;height:100%;object-fit:cover}.projects-container .project .project-info{min-height:100px}@media (max-width: 930px){.projects-container .project .project-info{min-height:unset}}.projects-container .project .project-info .project-name{font-size:28px}@media (max-width: 930px){.projects-container .project .project-info .project-name{font-size:20px}}.projects-container .project .project-info p{font-size:20px}@media (max-width: 930px){.projects-container .project .project-info p{font-size:14px}}.loader{width:100%;height:100px;background:#4a4747;border-radius:6px;overflow:hidden;position:relative}@media (max-width: 930px){.admin-skills .skill-title{font-size:28px}}.admin-skills .skill-cards-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}@media (max-width: 930px){.admin-skills .skill-cards-container{grid-template-columns:repeat(2,1fr);gap:10px}}.admin-skills .skill-cards-container .skill-card{all:unset;cursor:pointer;border:1px solid #663399;display:flex;gap:10px;padding:20px;border-radius:5px}@media (max-width: 930px){.admin-skills .skill-cards-container .skill-card{padding:10px;flex-direction:column;align-items:center;text-align:center}}.admin-skills .skill-cards-container .skill-card img{height:50px;width:50px;border-radius:10px}.project-details .title-container{display:flex;align-items:center;justify-content:space-between;line-height:8px}.project-details .title-container .title-input{font-size:38px;font-weight:600;border-radius:5px;padding:0 10px}@media (max-width: 930px){.project-details .title-container .title-input{font-size:24px;width:100px}}.project-details .title-container .button-and-date{display:flex;align-items:center;gap:20px}@media (max-width: 930px){.project-details .title-container .button-and-date{flex-direction:column-reverse;gap:5px}}@media (max-width: 930px){.project-details .title-container .button-and-date p{display:none}}.project-details .title-container .button-and-date button{all:unset;padding:10px 40px;background-color:#639;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:40px;font-weight:600;cursor:pointer;transition:background .3s ease}@media (max-width: 930px){.project-details .title-container .button-and-date button{font-size:16px;padding:5px 20px;gap:5}}.project-details .title-container .button-and-date button:hover{background-color:#639c}.project-details .title-container .button-and-date .project-delete-button{background-color:#f00c}.project-details .title-container .button-and-date .project-delete-button:hover{background-color:red}.project-details .project-image-container{display:flex;gap:20px;margin-top:20px}@media (max-width: 930px){.project-details .project-image-container{flex-direction:column;gap:10px}}.project-details .project-image-container .image{position:relative;flex:1;border:2px solid #663399;border-radius:10px;height:250px;overflow:hidden}.project-details .project-image-container .image img{height:100%;width:100%}.project-details .project-image-container .image .edit-option{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#fff7;display:flex;align-items:center;justify-content:center;font-size:66px;color:#000;cursor:pointer;opacity:0;transition:opacity .3s ease}.project-details .project-image-container .image:hover .edit-option{opacity:1}.project-details .project-image-container .name-para{flex:1;display:flex;flex-direction:column;gap:20px}@media (max-width: 930px){.project-details .project-image-container .name-para{gap:10px}}.project-details .project-image-container .name-para .name-para-children{height:50%;width:100%;border:2px solid #663399;border-radius:10px;padding:20px}@media (max-width: 930px){.project-details .project-image-container .name-para .name-para-children{padding:10px}}.project-details .project-image-container .name-para .name{font-size:28px;font-weight:600}@media (max-width: 930px){.project-details .project-image-container .name-para .name{font-size:20px}}.project-details .project-image-container .name-para .para{font-size:20px;font-weight:500}.project-details .project-links-container{margin-top:20px;display:flex;flex-direction:column;gap:20px}@media (max-width: 930px){.project-details .project-links-container{gap:10px}}.project-details .project-links-container .link-wrapper{display:flex;gap:20px;align-items:center;font-size:32px;border:2px solid #663399;padding:10px 20px;border-radius:5px}@media (max-width: 930px){.project-details .project-links-container .link-wrapper{gap:10px;padding:10px;font-size:20px}}.project-details .project-links-container .link-wrapper .project-links{width:100%;font-size:18px}.project-details .project-description-section{display:flex;gap:20px;margin-top:20px}@media (max-width: 930px){.project-details .project-description-section{flex-direction:column;gap:10px}}.project-details .project-description-section .project-description-children{flex:1;border:2px solid #663399;border-radius:10px;padding:20px;font-size:20px}@media (max-width: 930px){.project-details .project-description-section .project-description-children{padding:10px}}.project-details .project-description-section .project-description{min-height:200px}.project-details .project-description-section .project-tech-stack{display:flex;flex-wrap:wrap;gap:10px}@media (max-width: 930px){.project-details .project-description-section .project-tech-stack{max-height:200px;overflow-y:scroll}}.project-details .project-description-section .project-tech-stack .skill-card{all:unset;display:flex;cursor:pointer;align-items:center;gap:10px;padding:10px 20px;border:1px solid #663399;border-radius:50px}@media (max-width: 930px){.project-details .project-description-section .project-tech-stack .skill-card{padding:5px 10px;gap:5px}}.project-details .project-description-section .project-tech-stack .skill-card img{height:30px;width:30px;border-radius:50%}@media (max-width: 930px){.project-details .project-description-section .project-tech-stack .skill-card img{height:17px;width:17px}}.project-details .project-description-section .project-tech-stack .skill-card p{font-size:14px}.project-details .project-description-section .project-tech-stack .active-skill-card{background-color:#639;font-weight:600}.is-editable{border:1px solid white!important}.popup-container{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#00000087;display:flex;align-items:center;justify-content:center}.popup-container .popup{border:2px solid #663399;padding:20px;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popup-container .popup .buttons{display:flex;justify-content:center;gap:20px;margin-top:20px}.popup-container .popup .buttons .btn{all:unset;padding:10px 60px;border:2px solid #663399;background-color:transparent;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:40px;font-weight:600;cursor:pointer}.popup-container .popup .buttons .delete{background-color:#639}.editSaveCancelButton{all:unset;padding:10px 40px;background-color:#639;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:40px;font-weight:600;cursor:pointer;transition:background .3s ease}.editSaveCancelButton:hover{background-color:#639c}@media (max-width: 930px){.editSaveCancelButton{padding:10px 20px;font-size:16px}}.save-button{background-color:orange}.save-button:hover{background-color:#ffa500cc}.skill-details .title-and-buttons-container{display:flex;justify-content:space-between;align-items:center}@media (max-width: 930px){.skill-details .title-and-buttons-container{flex-direction:column;gap:20px}}@media (max-width: 930px){.skill-details .title-and-buttons-container .skill-details-title{font-size:28px}}.skill-details .title-and-buttons-container .buttons-container{display:flex;align-items:center;gap:20px}.skill-details .title-and-buttons-container .buttons-container .delete-button{all:unset;cursor:pointer;padding:10px 60px;background-color:#ce0206;border-radius:50px;color:#fff;font-weight:600;font-size:20px;transition:background-color .3s ease;display:flex;align-items:center;gap:10px}.skill-details .title-and-buttons-container .buttons-container .delete-button:hover{background-color:#ce0206cc}@media (max-width: 930px){.skill-details .title-and-buttons-container .buttons-container .delete-button{padding:10px 20px;font-size:16px}}.skill-details .skill-details-content{display:flex;flex-direction:column;gap:20px;margin-top:20px}.skill-details .skill-details-content .skill-details-row-1{display:flex;gap:20px}@media (max-width: 930px){.skill-details .skill-details-content .skill-details-row-1{flex-direction:column;gap:10px}}.skill-details .skill-details-content .skill-details-row-1 .row-1{flex:1;border:2px solid #663399;border-radius:10px;padding:20px}.skill-details .skill-details-content .skill-details-row-1 .image-and-title{display:flex;flex-direction:column;align-items:center}.skill-details .skill-details-content .skill-details-row-1 .image-and-title .skill-details-image{height:200px;width:200px;border-radius:10px;overflow:hidden;position:relative;border:2px solid #663399}@media (max-width: 930px){.skill-details .skill-details-content .skill-details-row-1 .image-and-title .skill-details-image{height:100px;width:100px}}.skill-details .skill-details-content .skill-details-row-1 .image-and-title .skill-details-image img{height:100%;width:100%;object-fit:cover}.skill-details .skill-details-content .skill-details-row-1 .image-and-title .skill-details-image label{position:absolute;top:0;left:0;height:100%;width:100%;cursor:pointer;background:#ffffffa1;opacity:0;color:#000;display:flex;align-items:center;justify-content:center;font-size:64px;transition:opacity .3s ease}.skill-details .skill-details-content .skill-details-row-1 .image-and-title .skill-details-image:hover label{opacity:1}.skill-details .skill-details-content .skill-details-row-1 .image-and-title input{font-size:64px;margin-top:10px;font-weight:600;width:500px;text-align:center}@media (max-width: 930px){.skill-details .skill-details-content .skill-details-row-1 .image-and-title input{font-size:32px;width:250px}}.skill-details .skill-details-content .skill-details-row-1 .image-and-title h4{font-size:34px}@media (max-width: 930px){.skill-details .skill-details-content .skill-details-row-1 .image-and-title h4{font-size:22px}}.skill-details .skill-details-content .skill-details-row-1 .image-and-title h4 input{font-size:inherit;width:60px}@media (max-width: 930px){.skill-details .skill-details-content .skill-details-row-1 .image-and-title h4 input{width:40px}}.skill-details .skill-details-content .skill-details-row-1 .positions-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto;gap:20px}@media (max-width: 930px){.skill-details .skill-details-content .skill-details-row-1 .positions-container{gap:10px}}.skill-details .skill-details-content .skill-details-row-1 .positions-container .position-title{grid-column:1/-1;display:flex;align-items:center;justify-content:center;font-size:28px}.skill-details .skill-details-content .skill-details-row-1 .positions-container .positions{display:flex;align-items:center;justify-content:center;gap:10px;border:2px solid #663399;padding:10px;font-size:44px;border-radius:10px}@media (max-width: 930px){.skill-details .skill-details-content .skill-details-row-1 .positions-container .positions{font-size:20px}}.skill-details .skill-details-content .skill-details-row-1 .positions-container .positions input{width:150px}@media (max-width: 930px){.skill-details .skill-details-content .skill-details-row-1 .positions-container .positions input{width:50px}}.skill-details .skill-details-content .skill-detail-row-2{display:flex;justify-content:center}.skill-details .skill-details-content .skill-detail-row-2 .data-and-time{border:2px solid #663399;padding:20px;border-radius:10px}@media (max-width: 930px){.skill-details .skill-details-content .skill-detail-row-2 .data-and-time{padding:10px;font-size:8px}}.skill-details .input{all:unset;border:1px solid transparent;border-radius:5px}.skill-details .is-editable{border:2px solid white!important}@media (max-width: 930px){.add-project-form .add-project-title{font-size:28px}}.add-project-form .add-project-from-content{display:flex;flex-direction:column;gap:20px}.add-project-form .add-project-from-content .add-project-row-1{display:flex;gap:20px;margin-top:20px}@media (max-width: 930px){.add-project-form .add-project-from-content .add-project-row-1{flex-direction:column;gap:10px}}.add-project-form .add-project-from-content .add-project-row-1 .row-1{flex:1;display:flex;flex-direction:column;gap:10px}.add-project-form .add-project-from-content .add-project-row-1 .row-1 input{all:unset;border:2px solid #663399;border-radius:10px;padding:10px;font-size:20px}@media (max-width: 930px){.add-project-form .add-project-from-content .add-project-row-1 .row-1 input{padding:5px}}.add-project-form .add-project-from-content .add-project-row-2{display:flex;align-items:center;width:100%;gap:20px}.add-project-form .add-project-from-content .add-project-row-2 label{font-size:26px}.add-project-form .add-project-from-content .add-project-row-3{display:flex;gap:40px;height:300px}@media (max-width: 930px){.add-project-form .add-project-from-content .add-project-row-3{flex-direction:column;gap:10px;height:unset}}.add-project-form .add-project-from-content .add-project-row-3 .row-3{flex:1;display:flex;flex-direction:column;gap:10px}.add-project-form .add-project-from-content .add-project-row-3 .row-3 textarea{height:100%}@media (max-width: 930px){.add-project-form .add-project-from-content .add-project-row-3 .row-3 textarea{height:100px}}.add-project-form .add-project-from-content .add-project-row-3 .row-3 .add-project-tech-stack{height:100%;display:flex;flex-wrap:wrap;gap:10px;overflow-y:scroll}@media (max-width: 930px){.add-project-form .add-project-from-content .add-project-row-3 .row-3 .add-project-tech-stack{height:100px}}.add-project-form .add-project-from-content .add-project-row-3 .row-3 .add-project-tech-stack .skill-card{all:unset;display:flex;cursor:pointer;align-items:center;gap:10px;padding:10px 20px;border:1px solid #663399;border-radius:50px}@media (max-width: 930px){.add-project-form .add-project-from-content .add-project-row-3 .row-3 .add-project-tech-stack .skill-card{padding:5px 10px;gap:5px}}.add-project-form .add-project-from-content .add-project-row-3 .row-3 .add-project-tech-stack .skill-card img{height:30px;width:30px;border-radius:50%}@media (max-width: 930px){.add-project-form .add-project-from-content .add-project-row-3 .row-3 .add-project-tech-stack .skill-card img{height:17px;width:17px}}.add-project-form .add-project-from-content .add-project-row-3 .row-3 .add-project-tech-stack .skill-card p{font-size:14px}.add-project-form .add-project-from-content .add-project-row-3 .row-3 .add-project-tech-stack .active-skill-card{background-color:#639;font-weight:600}.add-project-form .add-project-from-content .add-project-row-4{display:flex;align-items:center;justify-content:space-between}@media (max-width: 930px){.add-project-form .add-project-from-content .add-project-row-4{flex-direction:column}}.add-project-form .add-project-from-content .add-project-row-4 .add-project-select-image{display:flex;align-items:center;gap:10px}@media (max-width: 930px){.add-project-form .add-project-from-content .add-project-row-4 .add-project-select-image{flex-direction:column}}.add-project-form .add-project-from-content .add-project-row-4 .add-project-select-image label{font-size:18px;border:2px solid #663399;padding:10px 60px;border-radius:50px;cursor:pointer}.add-project-form .add-project-from-content .add-project-row-4 .add-project-select-image .selected-image{max-height:50px;width:100px;border-radius:5px}.add-project-form .add-project-from-content .add-project-row-4 button{padding:10px 60px;background-color:orange;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:40px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.add-project-form .add-project-from-content .add-project-row-4 button:hover{background-color:#ffa500cc}.add-project-form .add-project-from-content .label{font-size:18px;font-weight:600}@media (max-width: 930px){.add-project-form .add-project-from-content .label{font-size:14px}}.add-project-form .add-project-from-content .input,.add-project-form .add-project-from-content textarea,.add-project-form .add-project-from-content .add-project-tech-stack{all:unset;width:100%;border:2px solid #663399;border-radius:10px;padding:10px;font-size:20px}@media (max-width: 930px){.add-project-form .add-project-from-content .input,.add-project-form .add-project-from-content textarea,.add-project-form .add-project-from-content .add-project-tech-stack{padding:5px}}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}::-webkit-scrollbar{display:none}html,body{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{background-color:#0c0c1d;color:#d3d3d3}a{text-decoration:none;color:inherit}section{height:100vh;scroll-snap-align:start;overflow-x:hidden}.custom-input{background-color:transparent;outline:none;border:none;color:inherit;border:1px solid transparent}.custom-input:focus{outline:none}.loader{background:#4a4747;overflow:hidden;position:relative}.loader:after{content:"";position:absolute;top:0;left:-150px;height:100%;width:150px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-150px}to{left:100%}}@media (max-width: 930px){.add-now-skill h1{font-size:28px}}.add-now-skill .add-new-skill-row-1{display:flex;gap:20px;margin-top:20px}@media (max-width: 930px){.add-now-skill .add-new-skill-row-1{flex-direction:column}}.add-now-skill .add-new-skill-row-1 .row-1{flex:1;display:flex;flex-direction:column;gap:10px}.add-now-skill .add-new-skill-row-1 .row-1 input{font-size:26px}@media (max-width: 930px){.add-now-skill .add-new-skill-row-1 .row-1 input{font-size:20px}}.add-now-skill .add-new-skill-row-1 .percentage .positions{display:flex;align-items:center;gap:10px;label-flex:1}@media (max-width: 930px){.add-now-skill .add-new-skill-row-1 .percentage .positions{flex-wrap:wrap}}.add-now-skill .add-new-skill-row-1 .percentage .positions input{flex:1}.add-now-skill .add-new-skill-row-1 .percentage .positions .positions-input{width:100px}@media (max-width: 930px){.add-now-skill .add-new-skill-row-1 .percentage .positions .positions-input{width:90px}}.add-now-skill .add-new-skill-row-2{display:flex;flex-direction:column;gap:20px;margin-top:20px}.add-now-skill .add-new-skill-row-2 .row-2{flex:1;display:flex;flex-direction:column;gap:10px}.add-now-skill .add-new-skill-row-2 .row-2 input{font-size:20px}.add-now-skill .add-new-skill-row-2 .row-2 .select-icon{display:flex;gap:10px}.add-now-skill .add-new-skill-row-2 .row-2 .select-icon .image-label{font-size:20px;padding:10px;border:1px solid #663399;border-radius:5px;cursor:pointer}.add-now-skill .add-new-skill-row-2 .row-2 .select-icon img{height:50px;width:100px;border-radius:4px}.add-now-skill button{all:unset;padding:10px 60px;background-color:orange;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:40px;font-weight:600;cursor:pointer;transition:background .3s ease;margin-top:20px}.add-now-skill button:hover{background-color:#ffa500cc}.add-now-skill .input{all:unset;border:1px solid transparent;border-radius:5px;border:1px solid #663399;padding:10px}.add-now-skill label{font-size:26px}@media (max-width: 930px){.add-now-skill label{font-size:20px}}