/*Linking*/
a{
    color:darkred;
    font-size:18px;
    
}
a:hover{
    color:gold;
    background-color: darkred;
    border-radius: 5%;
    
}
a:active{
    color: darkred;
    background-color: darkred;
    border-radius: 5%
}
nav a.navigation{
    color: gold;
    background-color: darkred;
    border: 1px solid darkred;
    border-radius: 5px;
    padding: 5px;
    text-decoration: none;
    margin: 5px 3px;
    
}
nav a.navigation:hover{
    color: darkred;
    background-color: gold;
    border: 1px solid gold;
    padding: 5px;
    border-radius 5px;
    text-decoration: none;
    
}

nav a.navigation:active{
    color: darkred;
    background-color: darkred;
    border: 1px solid darkred;
    border-radius: 5px;
    padding: 5px;
    text-decoration: none;
    
}
/*generic tags*/
body{
    background:black;
        color:white;
    font-family:sans-serif;
    
}
h1{
    color:red;
    font-family: Garamond;

    
}
h2{
    color:gold;
    font-family: serif;
    
}
h3{
    color:white;
    font-family: serif;
    font-size:20px;
    
}

/*page-specific*/
h1 #quotecol{
    color:gold;
    font-size:24px;
    
}
#quotelist{
    color: aqua;
    font-size: 18px;
    
}
#coolfriend{
    border: 2px solid darkblue;
    
}

/*class*/
.c{
    text-align: center;
    
}
.l{
    text-align: left;
    
}
.angerred{
    color:red;
    font-family: serif;

}
article.writing{
    text-align: left;
    color: gold;
    border: 1px solid red;
    
}
.poem{
    text-align: center
}
article.poem{
    color: gold;
    border: 1px solid red;
}
.music h3{
    color: darkred;
}



/*id*/