.floating-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-decorations .float{position:absolute;color:hsla(0,0%,100%,.1);font-size:24px;animation:float 6s ease-in-out infinite}.floating-decorations .float.float-1{top:20%;left:10%;animation-delay:0s}.floating-decorations .float.float-2{top:60%;left:80%;animation-delay:1s}.floating-decorations .float.float-3{top:30%;left:70%;animation-delay:2s}.floating-decorations .float.float-4{top:80%;left:20%;animation-delay:3s}.floating-decorations .float.float-5{top:10%;left:50%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg);opacity:.1}50%{transform:translateY(-20px) rotate(180deg);opacity:.3}}.icon-circle{display:flex;align-items:center;justify-content:center;border-radius:9999px;width:3rem;height:3rem;font-size:2.5rem;font-family:Fredoka,sans-serif;font-weight:700;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon-circle,.icon-circle.primary{background:rgba(0,0,0,0);color:#ffd100}.icon-circle.primary{box-shadow:none}.icon-circle.secondary{color:#08f;background:rgba(0,0,0,0);box-shadow:none;font-weight:300}.icon-circle.accent{background:#ff6b00;color:#fff;box-shadow:0 4px 16px 0 rgba(0,0,0,.08)}.icon-circle.blue-100{background:#cce6ff;color:#08f;box-shadow:0 4px 16px 0 rgba(0,0,0,.08)}.icon-circle.orange-100{background:#ffe5cc;color:#ff6b00;box-shadow:0 4px 16px 0 rgba(0,0,0,.08)}