@import"https://fonts.googleapis.com/css2?family=NomDeTaPolice:wght@400;700&display=swap";body{margin:0;font-family:Fira Sans,sans-serif}#canvas-container{width:100vw;height:calc(100vh - 90px);position:relative}footer{background:linear-gradient(90deg,#004aad,#cb6ce6);padding:15px;display:flex;justify-content:space-between;height:60px;line-height:60px;font-size:1.2em;text-align:center}#link{display:flex;gap:15px}a{color:#fff;text-decoration:none;transition:transform .3s}a:hover{transform:scale(1.1)}p{display:flex;justify-content:center;text-align:center;margin:0 0 0 15px;position:relative;transition:transform .3s,opacity .2s ease-in-out;color:#fff}p:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#5d00ff,#0ff0fc,#e7f20f);background-size:400%;-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transition:opacity .3s ease-in-out;animation:colorAnimation 5s infinite linear}p:hover{transform:scale(1.1)}p:hover:before{opacity:1}@keyframes colorAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}