a:hover{
opacity:0.5;
color:red;
}
 ol{
display:inline-block;
      text-align:center;
      
  }
h1{
text-decoration:underline;
front-size:xx-large;
color:grey; 

    widht:60000;
}
aside{

float:right;
    display:block;
    border:solid;
    border-color:black;
  border-bottom-width : 12px;
  border-top-width : 12px;
  border-left-width : 12px;
  border-right-width : 12px;
    background-color:white;
    border-radius:15%;

}
body{
background-colo:lightgrey;
background-attachment: scroll;
    background-image:("https://m.media-amazon.com/images/I/614RrZAFfeL._AC_UF1000,1000_QL80_.jpg");
      animation-duration: 3s;
  animation-name: slidein;
}
table{
    border:solid;   
border-widht:12px;
 border-collapse:collapse; 
    table-layout:fixed;
    border-color:black;
   
}
    p{
background-color:white;
text-align:center;
    width:600px;
  animation-duration: 3s;
  animation-name: slidein;
         animation-iteration-count:;   
}

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 600px;
      text-align:center;
      aside{

float:right;
    display:block;
    border:solid;
    border-color:black;
  border-bottom-width : 12px;
  border-top-width : 12px;
  border-left-width : 12px;
  border-right-width : 12px;
    background-color:white;
    border-radius:15%;

}
 
body{
background-colo:lightgrey;
background-attachment: scroll;
    background-image:("https://m.media-amazon.com/images/I/614RrZAFfeL._AC_UF1000,1000_QL80_.jpg");
      animation-duration: 3s;
  animation-name: slidein;
}
table{
    border:solid;   
border-widht:12px;
 border-collapse:collapse; 
    table-layout:fixed;
    border-color:black;
}

    p{
background-color:white;
text-align:center;
    width:600px;
  
}


@keyframes htwo {
  from {
    margin-left: 100%;
    background-color:grey;
border:solid;
            width:600px;
    

   
  }
  to {
    margin-left: 0%;
background-color:grey;
border:solid;
            width:600px;
      a:hover{
opacity:0.5;
color:red;
background-color: #74992e;
}

  }
}


    }
a:hover{
opacity:0.5;
color:red;
background-color: #74992e;
border:solid;
}
a{
text-decoration:none;
color:orange;
}
img {
  filter: grayscale(1%);
}


    
}
 b{

text-align:center;
    width:600px;
    }
        h2{
background-color:grey;
border:solid;
            width:600px;
  animation-duration: 3s;
  animation-name: htwo;
            
        }   
#droite{
float:right;

            
        }
#mid{
    text-align:center;
    }
#gauche{
float:left;
  }
#milieu{
text-align:center;
  }
  }

  to {
    margin-left: 0%;
    width: 600px;
        text-align:center;
  }
}
@keyframes htwo {
  from {
    margin-left: 100%;
    background-color:grey;
border:solid;
            width:600px;
      a:hover{
opacity:0.5;
color:red;
background-color: #74992e;
}

   
  }
  to {
    margin-left: 0%;
background-color:grey;
border:solid;
            width:600px;
      a:hover{
opacity:0.5;
color:red;
background-color: #74992e;
}

  }
}


    }
a:hover{
opacity:0.5;
color:red;
background-color: #74992e;
}
a{
text-decoration:none;
color:orange;
}
img {
  filter: grayscale(1%);
}


    
}
 b{

text-align:center;
    width:600px;
    }
        h2{
background-color:grey;
border:solid;
            width:600px;
  animation-duration: 3s;
  animation-name: htwo;
            
        }   
#droite{
float:right;

            
        }
#mid{
    text-align:center:
    }
#gauche{
float:left;
  }
#milieu{
text-align:center;
  }