/* proj3.css */
/** Working with Links Project styling file **/

/*Basic Style*/
body {
    font-family: Arial, sans-serif;
    background-color: #d5d1de; /*light purple*/
    margin: 150px;
}

/*Heading*/
h1 {
    text-align: center;
}
h2 {
    margin-top: 50px;
}
h3 {
    color: teal;
    text-decoration: underline;
}
p {
    padding: 3px;
} 
li {
    margin-bottom: 2px;
    margin-left: 25px;
    list-style-type: square;
}
/*Default link color*/
a {
    color: purple;
}
/*Changes color after visited*/
a:visited {
    color: gray;
}
/*Changes color when hovered*/
a:hover {
    color: magenta;
    text-decoration: none;
}
.example {
    border: 1px solid purple;
    padding: 5px;
    width: 75px;
    margin-left: 25px;
}

.top {
    margin-top: 30px;
    padding-bottom: 50px;
    text-align: center;
    font-size: 0.8em;
}