mainstyle.css

*{
    margin:0;
    padding:0;
  }
  body{
    background-color: rgb(255, 239, 214);
  }
  h1{
    font-family: "Sofia", sans-serif;
    font-size: 60px;
    text-align: center;
  }
  .instr{
      text-align: center;
      font-family: 'Brush Script MT',cursive;
      font-size: 30px;
  }
  p{
      font-size: 30px;
  }
  .choice{
      text-align: center;
  }
  .easy{
    background-color: cadetblue;
    color: rgb(1, 28, 100);
    font-size: 20px;
    
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 6px;
    border: 2px solid rgb(3, 25, 99);
  }
  .difficult{
    background-color: cadetblue;
    color: rgb(1, 28, 100);
    font-size: 20px;
    padding: 8px;
    border-radius: 6px;
    border: 2px solid rgb(3, 25, 99);
  }
  .easy:hover{
      background:rgb(255, 136, 156); 
     
  }
  .difficult:hover{
      background:rgb(247, 114, 136); 
  }
  .easy:active{
    background: rgb(247, 114, 136);
  }
  .difficult:active{
    background: rgb(247, 114, 136);
  }
  a{
    background: transparent;
  }