p{
    font-family:Times;
}

h1{
    color:dodgerblue;
    background-color:black;
    border-width:2px;
    border-color:yellow;
    border-style:dashed;
    text-align:center;
}

body{
    background-image:linear-gradient(blue,red);
}
#AboutMe{
    color:gold;
}

#Logo{
    opacity:0.50;
}

#pfp{
    border-width:5px;
    border-color:saddlebrown;
    border-style:solid;
}

#meme{
    border-width:3px;
    border-color:lightgray;
    border-style:solid;
}
ul.nav{
    list-style-type:none;
    text-align:center;
    background-color:black;
    border:2px dashed yellow;
    padding:10px;
}
ul.nav li{
    display:inline;
    padding:50px;
}
ul.nav li a{
    color:yellow;
    text-decoration:none;
}
ul.nav li a:hover{
    background-color:blue;
}
#AboutMe li a:hover{
    color:red;
    font-size:40px;
}
div.album-cover img{
    border:3px red solid;
    animation:anim 0.75s infinite alternate;
}
@keyframes anim{
    from{
        filter :invert(100%);
        opacity:0;
    }
    to{
        filter :invert(0%);
        opacity:1;
    }
}
img{
    width:200px;
    height:200px;
    display:inline;
    transition:width 1s, height 1s;
}
img:hover{
    width:400px;
    height:400px;
}
div.images{
    display: flex;
    justify-content:space-evenly;
    flex-wrap:wrap;
    text-align: center;
}
.list #AboutMe {
    display: block;
}
#form{
    display:inline;
    justify-content:space-evenly;
}