*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{animation:anime 15s ease infinite;background:#145e9e;height:100%;overflow-x:hidden;width:100%}body#blur.active{filter:blur(20px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes anime{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}:root{--step--2:clamp(0.7813rem,0.7747rem + 0.0326vw,0.8rem);--step--1:clamp(0.9375rem,0.9158rem + 0.1087vw,1rem);--step-0:clamp(1.125rem,1.0815rem + 0.2174vw,1.25rem);--step-1:clamp(1.35rem,1.2761rem + 0.3696vw,1.5625rem);--step-2:clamp(1.62rem,1.5041rem + 0.5793vw,1.9531rem);--step-3:clamp(1.944rem,1.771rem + 0.8651vw,2.4414rem);--step-4:clamp(2.3328rem,2.0827rem + 1.2504vw,3.0518rem);--step-5:clamp(2.7994rem,2.4462rem + 1.7658vw,3.8147rem)}h1{font-size:clamp(2.7994rem,2.4462rem + 1.7658vw,3.8147rem);font-size:var(--step-5)}h2{font-size:clamp(2.3328rem,2.0827rem + 1.2504vw,3.0518rem);font-size:var(--step-4)}h3{font-size:clamp(1.944rem,1.771rem + .8651vw,2.4414rem);font-size:var(--step-3)}h4{font-size:clamp(1.62rem,1.5041rem + .5793vw,1.9531rem);font-size:var(--step-2)}h5{font-size:clamp(1.35rem,1.2761rem + .3696vw,1.5625rem);font-size:var(--step-1)}h6,p{font-size:clamp(1.125rem,1.0815rem + .2174vw,1.25rem);font-size:var(--step-0)}small{font-size:clamp(.9375rem,.9158rem + .1087vw,1rem);font-size:var(--step--1)}.header,section{overflow-x:hidden}.header{align-items:center;display:flex;justify-content:space-between;left:0;padding:20px 100px;position:absolute;top:0;width:100vw;z-index:10}@media (max-width:975px) and (min-width:768px){.header{padding:20px 50px}}@media (max-width:768px){.header{padding:20px 60px}}@media (max-width:580px) and (min-width:320px){.header{padding:20px}.logo{height:60px;width:120px}}.logo{height:60px;width:200px}.logo img{height:100%;width:100%}#menu-icon{color:#fff;cursor:pointer;display:block;font-size:46px}.navbar{display:none;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1}.navbar a,.navbar.active{display:block}.navbar a{color:#0b1f33;font-size:22px;margin:1.5rem 0;text-align:center;-webkit-text-decoration:none;text-decoration:none;transition:.3s}.navbar a:hover{color:cyan}.nav-bg{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-bottom:2px solid hsla(0,0%,100%,.2);display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1}.nav-bg.active{display:block;touch-action:none}.about-section{margin:80px 0 150px;padding:40px 0;width:100vw}.inner-width{margin:auto;max-width:1000px;overflow:hidden;padding:0 20px}.about-section h1{color:cyan;text-align:center}.border{background:#fff;height:3px;margin:40px auto;width:100px}.about-section-row{display:flex;flex-wrap:wrap}.about-section-col{flex:50%}.about{padding-right:30px}.about p{color:#fff;margin-bottom:20px;text-align:justify}.about a{border:2px solid cyan;border-radius:20px;color:cyan;display:inline-block;font-size:clamp(1.125rem,1.0815rem + .2174vw,1.25rem);font-size:var(--step-0);padding:8px 40px;-webkit-text-decoration:none;text-decoration:none;transition:.4s linear}.about a:hover{background:cyan;color:#fff}.skills{background:#fff;border-radius:10px;padding:30px}@media (max-width:480px){.skills{padding:10px}}@media (max-width:380px){.skill .skill-bar{margin-top:30px}}.rating{color:#145e9e}.skill{margin-bottom:10px}.skill .skill-name{font-weight:600;margin-bottom:10px}.skill .skill-bar{background:#f0f0f0;border-radius:10px;box-shadow:inset 0 1px 1px rgba(0,0,0,.2),0 1px #fff;height:14px;width:100%}.skill .skill-per{background:linear-gradient(270deg,cyan,#145e9e);border-radius:10px;height:100%;position:relative}.skill-per span{background:#000;border-radius:3px;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:500;padding:3px 8px;position:absolute;right:0;top:-27px}.skill-per:after{border-color:#000 transparent transparent;border-style:solid;border-width:7px 0 0 7px;content:"";height:0;position:absolute;right:0;top:-6px;width:0}@media (max-width:768px){.about-section{margin-top:100px}.about p{width:90vw}}@media (max-width:700px){.about-section-col{flex:100%;margin:10px 0}}@font-face{font-family:unicons;font-style:normal;font-weight:400;src:url(/dist/assets/Unicons.ttf) format("truetype")}.progress-wrap{border-radius:50px;bottom:40px;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.2);cursor:pointer;display:block;height:50px;opacity:0;position:fixed;right:40px;transform:translateY(15px);transition:all .2s linear;visibility:hidden;width:50px;z-index:10000}.progress-wrap.active-progress{opacity:1;transform:translateY(0);visibility:visible}.progress-wrap:after{color:#ecedf3;content:"\e84b";cursor:pointer;display:block;font-family:unicons;font-size:26px;height:50px;left:0;line-height:50px;position:absolute;text-align:center;top:0;transition:all .2s linear;width:50px;z-index:1}.progress-wrap:hover:after{opacity:0}.progress-wrap:before{background:#000;-webkit-background-clip:text;content:"\e84b";font-family:unicons;font-size:26px;line-height:50px;opacity:0;position:absolute;text-align:center;-webkit-text-fill-color:transparent;cursor:pointer;display:block;height:50px;left:0;top:0;transition:all .2s linear;width:50px;z-index:2}.progress-wrap:hover:before{opacity:1}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{box-sizing:border-box;stroke:#ecedf3;stroke-width:4;transition:all .2s linear}footer{background:#3586ff;flex-direction:column;min-height:100px;padding:20px 50px;width:100%}footer,footer .menu{align-items:center;display:flex;justify-content:center;position:relative}footer .menu{flex-wrap:wrap;margin:10px 0}footer .menu li{list-style:none}footer .menu li a{color:#fff;display:inline-block;font-size:1.2em;margin:0 10px;opacity:.75;-webkit-text-decoration:none;text-decoration:none}footer .menu li a:hover{color:cyan}footer p{color:#fff;font-size:1.1em;margin-bottom:10px;margin-top:15px;text-align:center}footer .wave{background:url(/dist/assets/Wave.png);background-size:1000px 100px;height:100px;left:0;position:absolute;top:-100px;width:100%}footer .wave#wave1{animation:animateWave 4s linear infinite;bottom:0;opacity:1;z-index:1000}footer .wave#wave2{animation:animateWave 3s linear infinite;bottom:10px;opacity:.5;z-index:999}footer .wave#wave3{animation:animateWave_02 3s linear infinite;bottom:15px;opacity:.2;z-index:1000}footer .wave#wave4{animation:animateWave 4s linear infinite;bottom:20px;opacity:.7;z-index:999}@keyframes animateWave{0%{background-position-x:1000px}to{background-position-x:0}}@keyframes animateWave_02{0%{background-position-x:0}to{background-position-x:1000px}}@media (max-width:968px){footer .wave{background:url(/dist/assets/Wave.png);background-size:1000px 100px;height:100px;left:0;position:absolute;top:-90px;width:100%}}