body,html{color:#fff;background-color:#000;justify-content:center;align-items:center;height:100%;margin:0;font-family:IBM Plex Mono,monospace;display:flex}.main-container{box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;max-width:1200px;min-height:100vh;padding:20px;display:flex}.text-container{text-align:left;width:700px;margin-bottom:2rem}h1{color:#fff;margin-bottom:1rem;font-family:Inter,sans-serif;font-size:2.5rem;font-weight:800}p{color:#fff;margin-bottom:2rem;font-weight:400}.icons-container{width:100%}.app-icons{flex-wrap:nowrap;justify-content:space-between;gap:1rem;display:flex}.icon-item{text-align:center;flex-direction:column;flex:0 auto;align-items:center;display:flex}.icon-link{color:#fff;flex-direction:column;align-items:center;text-decoration:none;display:flex}.icon-wrapper{background-color:#333;border-radius:30px;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:1rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #ffffff1a}.icon-wrapper.video-icon{padding:0}.video-icon video{object-fit:cover;width:100%;height:100%;transition:all .3s}.squircle-icon{object-fit:contain;width:65%;height:65%;transition:all .3s}.icon-link:hover .icon-wrapper{transform:scale(1.03);box-shadow:0 0 15px #ffffff4d}.icon-link:hover .squircle-icon,.icon-link:hover .video-icon video{filter:brightness(1.1)}.icon-wrapper:after{content:"";background:linear-gradient(to bottom right,#fff0 0%,#ffffff1a 50%,#fff0 100%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)translateY(-100%)}.icon-link:hover .icon-wrapper:after{transform:rotate(45deg)translateY(100%)}h3{color:#fff;margin:0;font-size:1rem;font-weight:400}@media screen and (width<=1200px){.app-icons{flex-wrap:wrap;justify-content:left}.icon-item{flex-basis:calc(33.333% - 1rem);margin-bottom:1rem}.text-container{padding-left:1rem}}@media screen and (width<=768px){body,html{align-items:flex-start}.main-container{justify-content:flex-start;padding-top:60px}.icon-item{flex-basis:calc(50% - 1rem)}.text-container{width:100%}.icon-wrapper{width:150px;height:150px}.text-container{padding-left:4rem}}@media screen and (width<=480px){.icon-item{flex-basis:calc(50% - 1rem)}.icon-wrapper{width:120px;height:120px}.text-container{padding-left:1rem}}
/*# sourceMappingURL=index.ec3f3fe1.css.map */