.background-container{background:linear-gradient(135deg,#2d3748,#00c4b4 50%,#ff6f61),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjMjEyMTIxIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSA0TDEgNloiIHN0cm9rZT0iIzI5MjkyOSIgc3Ryb2keLXdpZHRoPSIxIj48L3BhdGg+Cjwvc3ZnPg==);background-blend-mode:overlay}.logo-wrapper{position:relative;transition:all 1s ease}.logo-wrapper:before{background:radial-gradient(circle,rgba(0,196,180,.3) 0,rgba(255,111,97,.2) 50%,transparent 240px);border-radius:9999px;content:"";height:500px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s ease;width:500px;z-index:0}.logo-wrapper:hover:before{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logo{animation:fadeIn 2.5s ease-out forwards;filter:drop-shadow(0 0 4px rgba(226,232,240,.5));position:relative;z-index:1}