* {
    box-sizing: border-box;
    font-family: 'Finlandica', sans-serif;
  }
  
  body {
    margin: 0;
    background-color: white;
    /* transition: background-color 0.25s linear; */
    overflow-x: hidden;
  }
  
  
  .regbutton{
    height: 100px; 
    width: 45%;
    background: rgb(75,75,75); 
    border: 5px solid red;
    color: red;
    border-radius: 25px;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 10px;
    font-size: 37px;
    transition: background-color 0.2s;
  }
  
  .regbutton:hover{
    background-color: rgb(101, 101, 101); 
  }
  
  .regbutton-disabled{
    height: 100px; 
    width: 45%;
    background: rgb(75,75,75); 
    border: 5px solid red;
    color: red;
    border-radius: 25px;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 10px;
    font-size: 37px;
    cursor: not-allowed;
  }

  .fullwidth{
    width: 100%;
    height: auto;
  }

  .fav-block{
    width: 1%;
    margin-left: 2%;
    float: left;
    background-color: rgb(255, 255, 255);
    height: 100px;
    font-size: 30px;
  }

  .problem-block{
    width: 66%;
    margin-left: 6%;
    float: center;
  }

  .answer-block{
    width: 5%;
    margin-right: 10%;
    float: right;
    margin-top: -100px;
    background-color: black;
    padding: 25px;
    height: 100px;
    font-size: 50px;
  }