<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.floating-logo-container{
    width: 50%;
    transform: rotate(20deg);
    animation: float 4s ease-in-out infinite;
	padding-left: var(--container-space);
}

@keyframes float {
	0% {
        
		transform: rotate(20deg) translate(0, 15%);
	}
	50% {
       
		transform: rotate(20deg) translate(0, 5%);
	}
	100% {
		transform: rotate(20deg) translate(0, 15%);
	}
}

@media (max-width:526px){
	.floating-logo-container {
		width: 90%;
		transform: rotate(20deg);
		animation: float 4s ease-in-out infinite;
	}
	@keyframes float {
		0% {
			transform: rotate(20deg) translate(8%, 35%);
		}
		50% {
			transform: rotate(20deg) translate(8%, 25%);
		}
		100% {
			transform: rotate(20deg) translate(8%, 35%);
		}
	}
}</pre></body></html>