@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{height:100vh;margin:0;padding:0;background-color:var(--light-background-color);font-family:var(--text-font)}@font-face{font-family:Nexa;src:url(/fonts/Nexa-Heavy.ttf) format("truetype");font-weight:700}@font-face{font-family:Nexa;src:url(/fonts/Nexa-ExtraLight.ttf) format("truetype");font-weight:400}@font-face{font-family:Cute Sealion;src:url(/fonts/Cute-Sealion.woff) format("woff")}@font-face{font-family:Brasika;src:url(/fonts/Brasika.ttf) format("truetype")}:root{--secondary-color: #9b78b9;--primary-color: #7e509f;--light-text-color: #FFF;--dark-text-color: #0D0D0D;--light-background-color: #F2F2F2;--dark-background-color: #151515;--light-font: "DM Sans";--text-font: "Nexa";--cute-font: "Cute Sealion";--brasika-font: "Brasika"}*{scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent;scroll-behavior:smooth}.hiddenCanvasElement,canvas.hiddenCanvasElement{display:none!important;visibility:hidden!important;position:absolute!important;left:-9999px!important;width:0!important;height:0!important}.bg-animated{position:relative;overflow:hidden}.bg-animated:before{content:"";position:absolute;inset:-5%;background-image:var(--bg-image);background-size:var(--background-size, cover);background-repeat:no-repeat;z-index:0;will-change:transform;animation:bgFloatA 15s linear infinite;animation-name:var(--bg-animation, bgFloatA)}.bg-animated>*{position:relative;z-index:1}@keyframes bgFloatA{0%{transform:translate(0)}25%{transform:translate(10px,-6px)}50%{transform:translate(-8px,8px)}75%{transform:translate(6px,-10px)}to{transform:translate(0)}}@keyframes bgFloatB{0%{transform:translate(0)}20%{transform:translate(14px,2px)}40%{transform:translate(-12px,-4px)}60%{transform:translate(10px,6px)}80%{transform:translate(-8px,-6px)}to{transform:translate(0)}}@keyframes bgFloatC{0%{transform:translate(0)}30%{transform:translate(4px,-14px)}50%{transform:translate(-6px,12px)}70%{transform:translate(8px,-10px)}to{transform:translate(0)}}@keyframes bgFloatD{0%{transform:translate(0)}15%{transform:translate(6px,-10px)}35%{transform:translate(-10px,4px)}55%{transform:translate(12px,10px)}75%{transform:translate(-8px,-6px)}to{transform:translate(0)}}