jeff-downloader/public/css/legacy.css

body {
    background-color: #262d2c;
    color: white;
    text-align: center;
    align-content: center;
    font-family: "Roboto", "Arial";
    margin-top: 10vw;
    margin-bottom: 10vw;
  }

  body input[type=radio]:focus {
    animation: shadowColorchange 13s infinite;
    animation-direction: alternate;
  }

  .downloader {
    width: 100%;
    margin-top: 3vw;
    margin-bottom: 3vw;
  }

  .downloadbtn, .downloadurl {
    border: none;
    margin: auto;
    padding: 0.5em 0.5vw;
    align-content: center;
    font-size: 16px;
  }

  .downloadurl {
    width: 10em;
    background-color: white;
    color: black;
    border-radius: 15px 0px 0px 15px;
  }

  .downloadurl[type=text]:focus, textarea:focus {
    animation: shadowColorchange 13s infinite;
    animation-direction: alternate;
  }

  .downloadbtn {
    color: black;
    border-radius: 0px 15px 15px 0px;
    animation: colorchange 13s infinite;
    animation-direction: alternate-reverse;
  }

  a:link {
    color: red;
  }
  
  a:visited {
    color: lightblue;
  }

  @keyframes shadowColorchange {
    0%   {
      box-shadow: 0 0 15px #ff2400;
      border: 0px solid #ff2400;
    }
    10% {
      box-shadow: 0 0 15px #e81d1d;
      border: 0px solid #e81d1d;
    }
    20%  {
      box-shadow: 0 0 15px #e8b71d;
      border: 0px solid #e8b71d;
    }
    30%  {
      box-shadow: 0 0 15px #e3e81d;
      border: 0px solid #e3e81d;
    }
    40%  {
      box-shadow: 0 0 15px #1de840;
      border: 0px solid #1de840;
    }
    50%  {
      box-shadow: 0 0 15px #1ddde8;
      border: 0px solid #1ddde8;
    }
    60% {
      box-shadow: 0 0 15px #2b1de8;
      border: 0px solid #2b1de8;
    }
    70% {
      box-shadow: 0 0 15px #dd00f3;
      border: 0px solid #dd00f3;
    }
    80% {
      box-shadow: 0 0 15px #dd00f3;
      border: 0px solid #dd00f3;
    }
    90% {
      box-shadow: 0 0 15px #ff2400;
      border: 0px solid #ff2400;
    }
    100% {
      box-shadow: 0 0 15px #ff2400;
      border: 0px solid #ff2400;
    }
  }


  @keyframes colorchange {
    0%   {
      background-color: #ff2400;
      color: white;
    }
    10% {
      background-color: #e81d1d;
    }
    20%  {
      background-color: #e8b71d;
      color: black;
    }
    30%  {
      background-color: #e3e81d;
  }
    40%  {
      background-color: #1de840;
      color: white;
    }
    50%  {
      background-color: #1ddde8;
      color: black;
    }
    60% {
      background-color: #2b1de8;
    }
    70% {
      background-color:  #dd00f3;
    }
    80% {
      background-color:  #dd00f3;
    }
    90% {
      background-color:  #ff2400;
    }
    100% {
      background-color: #ff2400;
    }
  }