@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";body{padding:0;margin:0;font-family:"Outfit",sans-serif;background-color:#181a1b;color:#f5f5f5}.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}button{background-color:#222426;color:#f5f5f5;border:1px solid #2e3133;border-radius:5px;padding:10px;cursor:pointer}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#222426}::-webkit-scrollbar-thumb{background:#2e3133;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e89150}::-webkit-scrollbar-thumb:active{background:#d97a3a}body{padding:1rem 1rem;font-size:150%}h1{text-align:center;font-size:200%}#logo{max-width:60vw;height:auto;margin:0 auto;display:block;padding-top:2rem}.screenshot{display:block;max-width:30vw;height:auto;margin:2rem auto;border:2px solid #2e3133;border-radius:10px;transition:transform .3s ease;cursor:pointer}.screenshot:hover{transform:scale(1.05)}.scroll-down-arrow{position:fixed;left:50%;bottom:32px;transform:translateX(-50%);z-index:1000;animation:bounce-float 2s infinite;cursor:pointer;transition:transform .5s cubic-bezier(0.4, 0, 0.2, 1),opacity .5s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes bounce-float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(16px)}}#openapp{background-color:#d97a3a;position:fixed;top:20px;right:20px;z-index:1000;padding:10px 20px;font-weight:bold;border:none;transition:transform .5s cubic-bezier(0.4, 0, 0.2, 1.2),background-color .5s cubic-bezier(0.4, 0, 0.2, 1)}#openapp:hover{background-color:#e89150;transform:translateY(-2px) scale(1.05)}.flexcontainerthing{display:flex;flex-direction:row;gap:2rem}.flexcontainerthing div{width:100%;padding:0 1rem;background-color:#222426;border:1px solid #2e3133;border-radius:10px}#openapp2{background-color:#d97a3a;width:100%;font-size:200%;padding:20px 40px;font-weight:bold;border:none;transition:transform .5s cubic-bezier(0.4, 0, 0.2, 1.2),background-color .5s cubic-bezier(0.4, 0, 0.2, 1)}#openapp2:hover{background-color:#e89150;transform:translateY(-2px)}#screenshots{max-height:60vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem}#screenshot-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);justify-content:center;align-items:center;z-index:1000}#screenshot-modal[style*="display: flex"]{display:flex !important}#close-modal{position:absolute;top:32px;right:48px;font-size:2rem;color:#fff;cursor:pointer}#modal-img{max-width:90vw;max-height:80vh;border-radius:8px;border:2px solid #2e3133}#header{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#181a1b;border:0px}