:root{--portfolio-bg: rgba(28, 28, 28, 1);--active-font-color: rgba(61, 207, 182, 1);--primary-font-color: rgba(217, 217, 255, 1);--banner-bg: #434343;--cursor-shadow-color: rgba(48, 112, 102, 1);--white-text: rgba(255, 255, 255, 1);--error-color: rgba(236, 123, 123, .8);--x: 50%;--y: 50%}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Fira Code;src:url("./media/FiraCode-VariableFont_wght-2TK5GXJX.ttf")}@font-face{font-family:Karla;src:url("./media/Karla-Italic-VariableFont_wght-6GY3HWBY.ttf")}html,body{width:100%;min-height:100vh;font-family:Fira Code,Karla,sans-serif;color:var(--primary-font-color);background-color:var(--portfolio-bg);cursor:default;scroll-behavior:smooth}html ::-webkit-scrollbar,body ::-webkit-scrollbar{display:none}html{overflow-x:hidden;overflow-y:auto}body{overflow:hidden}#hero-bg{width:100%;height:100vh}.display-none{display:none}a{text-decoration:none;color:var(--primary-font-color);cursor:pointer;transition:all .3s ease-in-out}a:hover{color:var(--active-font-color)}.flex-col-j-fe{display:flex;flex-direction:column;justify-content:flex-end}.primary-btn{border:1px solid var(--white-text);background:none;display:flex;justify-content:center;align-items:center;min-width:160px;height:48px;color:var(--primary-font-color);border-radius:100px;gap:10px;cursor:pointer;transition:all .3s ease-in-out;white-space:nowrap}.primary-btn:hover{border-color:var(--active-font-color);color:var(--active-font-color)}.primary-btn span{width:100%;text-align:center;font-size:18px;font-weight:400;line-height:120%;letter-spacing:0%;font-family:Karla}#mouse-glow{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(48,112,102,.3) 0px,rgba(48,112,102,.1) 40px,rgba(48,112,102,.05) 100px,transparent 120px);background-repeat:no-repeat;background-attachment:fixed;transition:background .05s ease}::placeholder{color:var(--primary-font-color)}.btn-scroll-text{overflow:hidden}.btn-scroll-text>span{display:inline-block;width:100%}.btn-scroll-text:hover span{animation:button-span-loop 1.8s infinite linear}@keyframes button-span-loop{0%{transform:translate(0)}49%{transform:translate(-140%)}50%{transform:translate(100%)}to{transform:translate(0)}}#firefly-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.firefly{position:absolute;width:6px;height:6px;background-color:#3dcfb6cc;border-radius:50%;box-shadow:0 0 6px 3px #3dcfb680;animation:moveFirefly 2s infinite ease-in-out alternate;opacity:1;transition:opacity 1s ease-out}@keyframes moveFirefly{0%{transform:translate(0)}to{transform:translate(-17.3683597251px,2.4509233228px)}}