main.css

.bigtitle {
    font:bold;
    font-size:75px;
    font-family: monospace;
    text-align:center;
    padding:80px;
    color:aliceblue;
}
body {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    color: white;
  }

  #canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }

  .overlay {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: 20%;
    display:center;
    text-align: center;
    margin-left: 0 auto;
    margin-right: 0 auto;
  }

  .overlay h1 {
    font-size: 3em;
    margin: 0;
    color: #00ff00;
    text-shadow: 0 0 10px #00ff00, 0 0 20px #00ff00;
    margin-left: 0 auto;
    margin-right: 0 auto;
    display:center;
  }

  .overlay h5 {
    font-size: 1.5em;
    margin: 0;
    color: #00ff00;
    text-shadow: 0 0 5px #00ff00;
    margin-left: 0 auto;
    margin-right: 0 auto;
    display: center;
  }
  .loader {
    height: 30px;
    position:fixed;
    top:50%;
    left:50%;
    width: 60px;
    display: flex;
    align-items: flex-start;
    aspect-ratio: 1;
}
    .loader:before,
    .loader:after {
    content: "";
    flex: 1;
    aspect-ratio: 1;
    --g: conic-gradient(from -90deg at 10px 10px,#fff 90deg,#0000 0);
    background: var(--g), var(--g), var(--g);
    filter: drop-shadow(30px 30px 0 #fff);
    animation: l20 1s infinite;
}
    .loader:after {
    transform: scaleX(-1);
}
    @keyframes l20 {
    0%   {background-position:0     0, 10px 10px, 20px 20px}
    33%  {background-position:10px  10px}
    66%  {background-position:0    20px,10px 10px,20px 0   }
    100% {background-position:0     0, 10px 10px, 20px 20px}
}
.loader1 {
    height: 30px;
    position:fixed;
    top:30%;
    left:45%;
    width: fit-content;
    font-weight: bold;
    font-family: monospace;
    font-size: 40px;
    background:linear-gradient(90deg,#000 50%,#0000 0) right/200% 100%;
    animation: l21 1s infinite linear;
}
.loader1::before {
    content :"Loading...";
    color: #0000;
    padding: 0 5px;
    background: inherit;
    background-image: linear-gradient(90deg,#fff 50%,#000 0);
    -webkit-background-clip:text;
        background-clip:text;
    }

@keyframes l21{
    100%{background-position: left}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.passwordinput{
    display:center;
    size: 100%;
    text-align:center;
    padding:8px;
    margin: 0 auto;
    margin-left: 0 auto;
    margin-right: 0 auto;
}