body{position:relative;margin:0;height:100vh;background-color:#42128d;overflow:hidden;font-family:Arial,sans-serif;color:#ccc}canvas{width:100%;height:100%;position:fixed;inset:0;z-index:1}.overlay{position:absolute;width:100%;justify-content:space-between;text-align:center;z-index:2;height:100%;overflow:hidden}.overlay,.overlay .center-content{display:flex;flex-direction:column;align-items:center}.overlay .center-content{justify-content:center}.overlay .center-content img{width:min(600px,90%);margin-bottom:20px;user-select:none;filter:drop-shadow(5px 5px 5px #222)}.overlay .center-content h1{margin:0}.typing-container{font-family:monospace;height:1.2em;position:relative;width:95%}.typing-text{width:100%;position:absolute;left:50%;transform:translateX(-50%);user-select:none}.typing-text:after{content:"|";animation:a .7s infinite}@keyframes a{0%,to{opacity:1}50%{opacity:0}}.overlay .socials-container{margin-block-end:1.5rem;width:100%}.overlay .socials-container a{color:inherit}.icon{margin-inline:1rem;font-size:2rem}.icon,.rotating-text{color:inherit}.icon:active,.icon:hover{filter:brightness(2)}.overlay .change-animation-container{bottom:1.5rem;left:1.5rem}.overlay .change-theme-container{bottom:1.5rem;right:1.5rem}.overlay .changer-container{position:absolute;width:4rem;height:4rem}.overlay .changer-container .changer{position:relative;width:100%;height:100%;border:none;border-radius:1000px;color:inherit;background-color:transparent;cursor:pointer}.overlay .changer-container .changer .rotating-text{position:absolute;inset:0;width:100%;height:100%;animation:b 10s linear infinite}.overlay .changer-container .changer .rotating-text span{position:absolute;inset:0;text-align:center;width:100%;height:100%;transform-origin:center;font-size:.5rem;font-weight:700;text-transform:uppercase;color:inherit;transform:rotate(calc(1turn * (var(--i) - 1) / var(--number-of-letters)))}.overlay .changer-container .changer .changer-inside{position:absolute;box-shadow:inset 0 0 5px #222;inset:1rem;border-radius:1000px}@keyframes b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.icon{margin-inline:1rem;font-size:1.5rem}.overlay .changer-container{width:4rem!important;height:4rem!important}.overlay .change-animation-container{left:.5rem}.overlay .change-theme-container{right:.5rem}}