@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Russo+One&display=swap";*{margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow-x:hidden}a{text-decoration:none}.app{width:100%;min-height:100dvh;padding:.5rem;background-color:#1e1e1e;color:#fff;font-family:Russo One,sans-serif;box-sizing:border-box}.content{width:100%;min-height:100dvh;padding:.5rem;display:flex;justify-content:center;align-items:center;box-sizing:border-box;flex-direction:column}.grid-wrapper{display:flex;flex-direction:column;align-items:center;padding:2.5rem;background-color:#1e1e1e;min-height:100vh;font-family:Russo One,sans-serif;color:#fff;gap:2.5rem}.grid-wrapper .copyright{font-size:1.5rem;color:#fff;text-align:center;letter-spacing:.2rem}.grid-wrapper .copyright .author{font-size:2rem;margin-top:.2rem}.title{background-color:#14463a;height:250px;font-size:4.7rem;text-align:center;border-radius:12px;width:100%;max-width:620px;display:flex;flex-direction:column;align-items:center;justify-content:center}.bento-grid{display:flex;gap:1.2rem;width:100%;max-width:620px}.bento-grid a{display:block;height:100%}.column{display:flex;flex-direction:column;gap:1.2rem;flex:1}.box{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:12px;padding:1.2rem;transition:transform .2s ease;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;font-size:4rem;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;line-height:1.1}.box:hover{transform:scale(1.03);cursor:pointer}.box.light{background-color:#d3e478;color:#14463a;font-size:3rem}.box.dark{background-color:#14463a;color:#d3e478}.info-box{width:75vw;max-width:100%;margin:0 auto;box-sizing:border-box;padding:40px;text-overflow:break;font-size:2rem;text-align:center;background-color:#d3e478;border-radius:26px;color:#14463a;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.info-box a{display:inline-block;width:15%;padding:5px;background-color:#14463a;color:#d3e478;border-radius:5px;text-decoration:none;margin-top:20px}.info-box a:hover{background-color:#1e1e1e}.info-box i{background:none;font-size:5rem;margin:10px}.info-box p{display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap}.info-box h1{word-break:break-word;overflow-wrap:break-word;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;text-align:center}.menu-links{display:flex;justify-content:center;align-items:stretch;gap:10px;flex-wrap:nowrap;flex-direction:row}.menu-links a{flex:1 1 0;min-width:100px;max-width:200px;min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center;padding:.8rem;border-radius:8px;font-size:1.7rem;transition:background-color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 600px){.grid-wrapper{transform:scale(.75);transform-origin:top center;padding:0}.box{font-size:2.5rem}.box.light{font-size:2.3rem}.box.dark{min-height:100px}.info-box{width:100%;padding:20px}.info-box h1{font-size:2rem}.info-box a{width:30%}.info-box .menu-links{flex-direction:column;align-items:center;gap:10px;width:100%}.info-box .menu-links a{width:100%;max-width:300px;min-height:50px;font-size:1.4rem;padding:1rem;box-sizing:border-box}.menu-links{flex-direction:column;align-items:center;gap:10px}.menu-links a{width:100%;max-width:100%;min-height:50px;font-size:1.4rem;padding:1rem}}