body {
     margin: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 100vh;
     font-family: monospace;
     font-size: 1.2rem;
     background-color: #191919;
     line-height: 1.3;
 }

 canvas {
     background-color: #191919;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 main {
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 100%;
     max-width: 500px;
 }

 .box {
     flex: 1;
     width: 100%;
     max-width: 500px;
     min-width: 240px;
     text-align: left;
     box-sizing: border-box;
     color: #fff;
     padding-left: 20px;
     padding-right: 20px;
 }

 .box.logo {
     text-align: center;
     padding: 50px;
 }

 .box.logo img {
     max-width: 100%;
 }

 .box a {
     color: #ff0080;
 }

 .box a:hover {
     font-weight: bold;
 }

 footer.box {
     margin-bottom: 50px;
 }

 .sr-only:not(:focus):not(:active) {
     clip: rect(0 0 0 0);
     clip-path: inset(50%);
     height: 1px;
     overflow: hidden;
     position: absolute;
     white-space: nowrap;
     width: 1px;
 }
 .slogan {
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 2rem;
 }
 address {
    font-style: normal;
 }
 footer p, footer address {
    margin: 0;
    padding: 0;
 }