html{box-sizing:border-box;overflow:clip}html,body{height:100%;margin:0}.home-container{height:100vh;align-content:center}.logo{filter:invert(100%)}@keyframes floating{0%,to{transform:translateY(0);transform-origin:0 0}50%{transform:translateY(-16px);transform-origin:0 -16px}}@keyframes slight-rotation{0%,to{transform:rotate(8deg)}50%{transform:rotate(-8deg)}}@keyframes roll{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.float-effect{animation:5s ease-in-out 1ms infinite forwards floating,7s ease-in-out 0s infinite forwards slight-rotation;animation-composition:add}.roll-effect{animation:1s ease-in-out 10ms roll}