@import"https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap";body,html{height:100%;margin:0;overflow:hidden;padding:0}body{background-color:#000;box-sizing:border-box;position:fixed;width:100%}.container{flex-direction:column;min-height:100vh;min-height:-webkit-fill-available}.company-name,.container{align-items:center;display:flex;justify-content:center}.company-name{color:#fff;font-family:Roboto,sans-serif;font-size:15vw;font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:transform .5s ease;white-space:nowrap;width:100%}.company-name.slide-up{transform:translate(-50%,-70%)}.name,.plus{display:inline-block}.plus{margin:0 .1em;transition:transform .5s ease}.plus.animate{animation:crazyPlus 5s infinite}@keyframes crazyPlus{0%,to{transform:rotate(0)}25%{transform:rotate(1turn) scale(1.5)}50%{transform:rotate(-1turn) scale(.5)}75%{transform:rotate(2turn) translateY(-20px)}}.offline-message{color:#fff;font-family:Roboto,sans-serif;font-size:16px;left:50%;max-width:80%;opacity:0;position:absolute;text-align:center;top:70%;transform:translate(-50%);transition:opacity .5s ease}.offline-message.show{opacity:1}.footer{bottom:20px;display:flex;gap:20px;left:50%;position:absolute;transform:translate(-50%)}.footer-link{color:#fff;opacity:.7;transition:opacity .3s ease}.footer-link:hover{opacity:1}.footer-link svg{height:24px;width:24px}@media (max-width:768px){.company-name{font-size:12vw}.offline-message{font-size:14px}.footer-link svg{height:20px;width:20px}}@media (min-width:1200px){.company-name{font-size:180px}.offline-message{font-size:18px}}