/* --- body --- */
body {
    background-color: rgb(218, 218, 218);
    color:black;
    font-family: Helvetica, Arial, sans-serif; 
}

/* --- sidebar --- */
.sidebar {
   background-color: #0C1B3A;  
   color:white;
}

#pfp {
  outline: 4px solid #ffcc00;  /* Adds a golden outline to the portrait */
  outline-offset: -4px; /* shrink the circle so we don't get weird pixel artifacts */
  border-radius: 50%;  /* This is what turns the outline into a circle instead of a square */
}

.sidebar a {
    color:orange /* link color */
}


/* --- main content --- */
.main-content h1 {
    color:#336699	
}


.sidebar h1 {
    color: gold
}

.sidebar hr {
    border: .025em solid white /* Slightly stylized horiontal rules */
}

#name {
    color: rgb(255, 222, 38)
}

.main-content a { /* link color */
    color:cornflowerblue 
}


/* --- dividers --- */
.divider hr {
    border: .025em solid black;
}