@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Space+Grotesk:wght@400;700&display=swap");*{box-sizing:border-box;font-family:sans-serif}h1,h2,h3,h4,h5,h6{font-family:"Space Grotesk", sans-serif;font-weight:bold}body{background-image:linear-gradient(to bottom left, #ccc, #1E1E1E);background-position:left;font-family:sans-serif;margin:0;height:100vh;width:100%;display:flex;flex-direction:column;overflow:hidden;--fa-border-width: 2px;--fa-border-color: black;--fa-border-radius: 5px;--fa-border-padding: .25em}body .header-bar{width:100%;border-bottom:black 1px solid;height:48px;display:flex;align-items:center;padding:5px;gap:5px;background-color:#B0413E;color:#f5f5f5;--fa-border-color: white;box-shadow:0 .2em .2em black}body .header-bar .text-icon{position:relative;display:inline-block;height:1em;width:1em;margin-top:.1em}body .header-bar .text-icon svg{position:absolute;fill:#f5f5f5;stroke:#f5f5f5;stroke-width:0px;height:100%;width:100%;animation:icon-rotation infinite 3s linear}body main{display:flex;flex-direction:row;width:100%;height:100%;overflow-y:auto}body main .main-container{height:100%;display:flex;flex-direction:column;width:80%;margin:auto}body main::-webkit-scrollbar{width:10px}body main::-webkit-scrollbar-track{background:#ccc;outline:1px solid #B0413E}body main::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}body main::-webkit-scrollbar-thumb:hover{background:gray}.fa-button:hover{background-color:gray}@keyframes icon-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}