html, body {
    margin: 0;
    padding: 0;
    font-family: "Roboto", sans-serif;
    animation: changeColor 10s infinite; 
}

@keyframes changeColor {
    0% { background-color: rgb(179, 144, 149);}
    25% {background-color: bisque;}
    50% {background-color: rgb(128, 110, 89);}
    75% {background-color: rgb(215, 219, 195);}
    100% {background-color: rgb(144, 179, 174);}
}

#Container {
    max-width: 992px;
    margin: 0 auto; 
    padding-top: 100px;
    border-left: 2px solid rgba(185, 0, 136, 0.719);
    border-right: 2px solid rgba(185, 0, 136, 0.719);
}

h1 {
    color: rgb(97, 0, 97);
    font-size: 50px;
}

img {
    width: 100%;
}

.project{
    border-bottom: 2px solid rgba(185, 0, 136, 0.719);
}

a {
    color: rgb(56, 1, 255);
    text-decoration: none;
    
}

a:hover{
    
}

.animatedLink {
    font-size: 18px;
    font-weight: bold;
    text-transform: lowercase;
    transition: 1s all;

}

.animatedLink:hover {
    color:black;
    cursor: pointer;
    transition: 1s all;
    margin-left: 20px;
}

.menuLink{
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: white;
    padding: 8px 16px;
    border-radius: 10px;
    transition: 1s;

}

.menuLink:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(88, 66, 93);
    transition: 1s all;

}

#Menu {
    position: fixed;
    width: 100%;
   
}

#InnerMenu {
    background-color: #dec6ab;
    width: 992px;
    margin: 0 auto;
    height: 70px;
    text-align: center;
    line-height: 70px;
    
}