header {
          margin: 0 auto;
}

table {
          border-color: #000000;
          width: 579px;
          border-style: solid;
          border-width: 2px;
          margin: 0 auto;
          
}

h1,h2 {
          text-align: center;
}

td {
          background-color: #f3bd8e;
}

div   {
         
          width: 300px;
          margin: auto;
          background-color: #f3bd8e;
          text-align: left;
          padding: 20px;
        
}

#pie {
    
          text-align: center;

          animation-duration: 5s;
          animation-name: slidein;
        }
        
        @keyframes slidein {
          from {
            margin-left: 100%;
            width: 300%
          }
        
          to {
            margin-left: 0%;
            width: 100%;
          }
        }

li,a{color:blue}
li:hover, a:hover{color: white}
img{
  width:80%;
}