body{

    font-family: "Patrick Hand SC";
    color: #E8E8E8;
    background-color: #030A3F;
    /*and you comment here using this...*/
    font-weight: 800;
    font-size: 100px;
    margin-left: 50px;

    /*display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;*/
    text-align: center;

    h1{
    font-family: "Coiny";
    font-size: 300px;
    font-weight: 400;
    margin-left: 1px;
    margin-bottom: -150px;
    margin-top: -200px;
    }

    h2{
      font-size: 250;
    margin-bottom: -10px;
    margin-top: 5px;
    }

    h3 {
    margin-bottom: -15px;
    margin-top: -8px;
    }

    select{
      border-radius:10px;
      font-family: "Patrick Hand SC";
      font-size: 100px;
      background-color: #030A3F;
      color: #9AA1D6;
      border-color: #030A3F;
        
    }
    
    button {
      /*
      font-family: "Patrick Hand SC";
      padding: 10px 20px;
      font-size: 16px;
      font-weight: 800;
      font-size: 100px;
      border: 10px solid #9AA1D6;
      */
      background-color: #030A3F;
      color: #030A3F;
      cursor: pointer;
      border-radius: 20px;
      /*margin-top: 50px;*/
  } 

  button:hover {
      background-color: #030A3F;
      color: #9AA1D6;
  }  

  a{
    color: #551A8B;
  }
  ::selection {
  background-color: #131D67;
  color: #E8E8E8;
  border-radius: 9999px; /* fully rounded - doesn't work for selection tho */
  padding: 0.2em 0.08em;
  }

  img {
    image-rendering: pixelated;
  }

}
  /*
  .bordered-image {
    border: 5px solid #411e47;
    border-radius: 10px;
    height: 50vh;
  }

  .input-container {
    margin-bottom: 20px;
  }
  */