@keyframes finale {
    from {
        filter:sepia(50%);
    }
    to {
        filter:sepia(0%);
    }
}

header {
    border:yellow 4px solid;
    background-color:inherit;
    font-size:18px;
    height:25%;

}

body {
    background-color:red;
}

a {
     color:black;
}

img {
    
    border: yellow 4px solid;
}

#PImg {
    width:800px;
    height:582px;
    filter:sepia(50%);
}

#PImg:hover {
    animation:finale 5s;
}

#IndImg {
    width:650px;
    height:529px;
}

#MarImg {
    width:800px;
    height:600px;
}

#WWImg {
    width:700px;
    height:418px;
}

#WWImg:hover {
    content:url(1942.jpeg);
}
.text {
    border:yellow 4px solid;
    padding: 0px 15px 0px 15px;
}
.IndLeft {
    width:45%;
    float:left;
    margin-top:25px;
}
.IndRight {
    width: 50%;
    float:right;
    margin-top:25px;
}

.back {
    float:left;
    font-size:36px;
    border:yellow 4px solid; 
    padding:0px 5px 0px 5px;
}

.forward {
    float:right;
    font-size:36px;
    border:yellow 4px solid;
    padding:0px 5px 0px 5px;
}

.MarRight {
    width: 65%;
    float:right;
    margin-top:25px;
}

.MarLeft {
    width:30%;
    float:left;
    margin-top:25px;
}


.WWLeft {
    Width:35%;
    float:left;
    margin-top:25px;
}

.WWRight {
    Width:60%;
    float:right;
    margin-top:25px;
}

.PLeft {
    width:60%;
    float:left;
    margin-top:25px;
}

.PRight {
    width:35%;
    float:right;
    margin-top:25px;
}

footer {
  border:yellow 4px solid;
  
}