body{
    background-color: beige;
    opacity: 0;
    animation: fadeIn 2s forwards;  
}

header h1{
    font-size: 50px;
    font-style: bold;
    text-align: center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
nav{
    text-align: center;
    background: rgba(255, 255, 255, 0.5);

}
nav a{
    padding-right: 30px;
    padding-left: 30px;
    font-size: 30px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: black;
}
nav a:hover{
    color: white;
    background-color: black;
}

aside{
    padding-left: 50px;
}

aside img{
    width: 45%;
    height: 45%;
    box-shadow: 5px 5px 5px;    
}

table{
    width: 40%;
    height: 100%;
    padding-right: 75px;
    padding-left: 75px;
}

table h2{
    text-align: center;
}

table td{
    border: 2px solid;
    border-radius: 20px;
    box-shadow: 5px 5px 5px;
    padding-left: 10px;
    background: rgba(255, 255, 255, 0.5);
}

table td:hover{
    opacity: 1;
    animation: fadeOut 0.5s forwards; 
}

@keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  @keyframes fadeOut{
    from {
      opacity: 1;
    }
    to {
      opacity: 0.5;
    }
  }