.graph-wrapper{width:100px;height:500px}.graph-container{height:92%;width:80%;margin-bottom:10px;margin-inline:auto;box-shadow:inset 0 0 5px 5px rgba(0,0,0,.164);border-radius:10px;position:relative;background:linear-gradient(hsla(0,5%,92%,.185),rgba(255,149,0,.377))}.dark .graph-container{background:#5abef4}.graph-container:after{content:"";box-shadow:inset 0 0 10px 8px hsla(0,0%,100%,.33);position:absolute;left:0;right:0;top:0;bottom:0;border-radius:10px;background:hsla(0,0%,100%,.034)}.dark .graph-container:after{box-shadow:inset 0 0 10px 8px rgba(80,80,158,.696)}.graph-label{width:100%;text-align:center;color:orange;height:8%;border-top:2px solid orange;font-family:monospace}.dark .graph-label{border-top:2px solid #4e3885;color:#4e3885}.graph-filler{position:absolute;bottom:0;left:6%;width:88%;border-radius:10px 10px 5px 5px;transition:1s;background:linear-gradient(0deg,#773c00,#ff9500)}.dark .graph-filler{background:#4e3885;color:#fff}@media screen and (max-width:1024px){.graph-filler,.graph-label{font-size:13px}}@media screen and (max-width:768px){.graph-filler,.graph-label{font-size:11px}.graph-wrapper{height:350px}}@media screen and (max-width:500px){.graph-wrapper{width:70px;height:300px}.graph-container:after{box-shadow:inset 0 0 10px 3px hsla(0,0%,100%,.33)}}@media screen and (max-width:400px){.graph-filler,.graph-label{font-size:9px}.graph-wrapper{width:50px;height:200px}}.cir{position:fixed;z-index:200;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.cir-1{width:7px;height:7px;background-color:#a46c05;transition:.2s}.cir-2{width:17px;height:17px;border:3px solid #e9721d;transition:.08s}.cir-3{width:25px;height:25px;border:3px solid #eb9b62}.dark .cir-1{background-color:#4e3885}.dark .cir-2{border:3px solid rgba(6,90,136,.805)}.dark .cir-3{border:3px solid #118eab}.project-wrapper{border-radius:10px;position:relative;transition:.2s;overflow:hidden;box-shadow:0 0 10px 4px hsla(0,0%,100%,.33)}.dark .project-wrapper:hover{box-shadow:0 5px 3px 2px #2e0251;color:#fff;transform:translateY(5px)}.dark .project-wrapper{box-shadow:0 0 10px 5px rgba(95,111,214,.673)}.project-wrapper:hover{box-shadow:inset 0 0 10px 5px hsla(0,0%,100%,.33)}.project-wrapper:before{content:"Click a";text-align:end;color:#3b3737;font-size:30px;position:absolute;top:35%;bottom:35%;width:50%;right:100%;background:linear-gradient(90deg,hsla(0,0%,100%,.6),#ff9500);transition:.2s}.dark .project-wrapper:before{background:linear-gradient(270deg,#84a1ec,#c7ebedd4)}.dark .project-wrapper:after{background:linear-gradient(90deg,#84a1ec,#c7ebedd4)}.project-wrapper:after{font-size:30px;color:#3b3737;content:"nd visit";text-align:start;position:absolute;top:35%;bottom:35%;width:50%;left:100%;background:linear-gradient(270deg,hsla(0,0%,100%,.6),#ff9500);transition:.2s}.project-wrapper:hover:before{right:50%}.project-wrapper:hover:after{left:50%}@media screen and (max-width:640px){.project-wrapper:after{box-shadow:inset 0 0 10px 8px hsla(0,36%,73%,.155)}.project-wrapper{scale:.95}}.glass{padding:13px 18px;border-radius:5px;background:linear-gradient(hsla(0,5%,92%,.26),rgba(255,149,0,.441));border:1px solid rgba(207,15,15,.1);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);color:hsla(0,0%,100%,.8);cursor:pointer;transition:.3s;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;margin-left:10px}.dark .glass{background:#fff;box-shadow:0 4px 0 4px #4e3885;color:#4e3885}.glass:hover{background:linear-gradient(#773c00,#ff9500)}.dark .glass:hover{transform:translateY(4px);background:#4e3885;color:#fff}@media screen and (max-width:640px){.glass{padding:7px 13px;font-size:13px}}