:root {
      --accent: #3537BB;
      --bg: #000019;
    }
    body {
      background-color: var(--bg);
      color: #e0e0e0;
      font-family: monospace, Courier, monospace;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    .container {
      border: 1px solid #e0e0e0;
      padding: 0rem 1rem 1rem 1rem;
      margin-top: 50px;
      max-width: 600px;
      width: 90%;
      background-color: var(--bg);
      box-sizing: border-box;
    }
    h1 {
      font-size: 2.5rem;
      padding-bottom: 0.5rem;
      margin-bottom: 1rem;
      color: #e0e0e0;
    }
    .links {
        text-align: right;
    }
    .line {
      width: 106%;
      height: 2px;
      background-color: #e0e0e0;
      margin: 0rem -1rem 0rem -1rem; 
    }
    p {
      font-size: 1rem;
      line-height: 1.4;
      margin-bottom: 1rem;
    }
    a {
      color: #82cfff;
      text-decoration: underline;
    }
    a:visited {
      color: #5a9bd4;
    }
    footer {
      margin-top: 2rem;
      font-size: 0.9rem;
      color: #888888;
    }
    textarea {
      border: 1px dashed #ffffff;
      padding: 0.5rem;
    }
    .title-text {
        display: inline-block;
        transform-origin: right right;
        animation-name: title;
        animation-duration: 2s;
        animation-timing-function: linear;
    }
    @keyframes title {
        0% {transform: scale(4, 1) rotate(-90deg);}
        50% {transform: scale(2) rotate(-45.5deg);}
        100%{transform: scale(1);}
    }
    .main-body-title {
        display: inline-block;
        transform-origin: right right;
        animation-name: main-body-title-animation;
        animation-duration: 1s;
        animation-timing-function: linear;
    }
    @keyframes main-body-title-animation {
        0% {transform: translateY(100px) rotate(90deg);}
        50% {transform: translateY(50px) rotate(45deg);}
        100%{transform: translateY(0px);}
    }
    .site-button {
        display: inline-block;
        transform-origin: right right;
        animation-name: site-button;
        animation-duration: 2s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        transform: rotateY(90deg);
    }
    @keyframes site-button {
        0% {transform: rotateY(0deg);}
        50% {transform: rotateY(90deg);}
        100% {transform: rotateY(0deg);} 
    }