@import url(https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@500&display=swap);a,u{color:inherit;text-decoration:none}body{height:100vh;width:100vw}#app{display:flex;flex-direction:column;height:100%;width:100%}.mainContainer{margin:50px;min-height:250px}.q-drawer{backdrop-filter:blur(30px) saturate(230%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;background-color:#ffffff80!important;background-color:#9c27b0;border-radius:12px!important;color:#000c!important;margin:1em}.search-field{transition:width .36s;width:250px}.search-field.sb-closed{display:flex;width:58px}.sans{font-family:Fredoka,sans-serif}.cursive{font-family:Indie Flower,cursive}.verticalText{text-orientation:upright;writing-mode:vertical-lr}.gradientText{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(43deg,#4158d0,#c850c0 50%,#ffcc70 95%);-webkit-background-clip:text}.gradientBorder{border:1px solid;border-image-slice:1;border-image-source:-webkit-linear-gradient(43deg,#4158d0,#c850c0 50%,#ffcc70 95%);border-radius:10px}.gradientBg{background-color:#4dfff0;background:-webkit-linear-gradient(270deg,#4158d0,#c850c0 30%,#ffcc70 80%)}