:root {
    --color-primary: #24a9ff;
  }
  body {
    background-color: var(--color-primary);
    color:white;
    text-align: center;
    padding: 0;
    margin: 0;
  }
  .screen {
    height: 90vh;
  }
  #rotating-text {
    display:inline-block;
    font-size:50vh;
    margin: 50vh 50%;
    transform: translate(-50%, -50%) rotateZ(0deg);
    animation: rotatingText 3s linear infinite;
    user-select: none;
    font-family: "Londrina Sketch", serif;
    font-weight: 400;
  }
  .bar {
    width: 1px;
    margin:0 auto;
    height: 400px;
    background-color: white;
    margin-bottom: 100px;
  }
  h2{
    font-family: "Londrina Sketch", serif;
    font-size: 3em;
    padding-bottom: 15px;
    border-bottom: 3px solid white;
  }
  @keyframes rotatingText {
    0% {
      transform: translate(-50%, -50%) rotateY(0deg);
    }
    100% {
      transform: translate(-50%, -50%) rotateY(360deg);
    }
  }

  @keyframes rotatingArc {
    0% {
      transform: translate(-50%, -50%) rotateY(0deg);
    }
    100% {
      transform: translate(-50%, -50%) rotateY(360deg);
    }
  }