body { margin: 0; overflow: hidden; background: #000000; text-align: center; color: rgb(11, 73, 118);  }
a { font-size: 12px; color: rgb(11, 73, 118); text-decoration: underline; z-index: 10; }
a:hover .logo { height: 125px; transition: all .4s ease; -webkit-transition: all .4s ease; opacity: 0.9; }
.hi { padding-top: 10px; position: relative; }
.logo { height: 120px; transition: all .4s ease; -webkit-transition: all .4s ease; }
h3 { margin-top: 20px; }
canvas { display: block; position: absolute; top: 0; left: 0; pointer-events: none; z-index: -1; }
h2 { font-size: 5em; font-weight: bold; margin-top: 40px; }
.long-animation {
    --animate-duration: 40s;
}
.long-animation:hover {  animation-play-state: paused; }