body {
    font-family: "Varela Round", sans-serif;
    background-color: #eee;
    margin:0px;
}

h1, h2, h3, h4, h5, h6 { text-align: left; line-height: 110%; }

a:link, a:visited { color:#06f; text-decoration:none; transition: 0.15s; }
a:hover { color:#0bf; text-decoration:underline; }

.leftnav a:link, .leftnav a:visited { color:#000; text-decoration:none; transition: 0.25s; }
.leftnav a:hover div { color:#000; opacity: .5; text-decoration:none; transition: 0.25s;  transform: rotate(4deg);}

.shadow {
    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.2);
}

.note_box {
    font-size: 9pt;
    background-color: #e8eaef;
    border-left: 6px solid #aeb2bd;
    padding: 18px;
    margin-bottom: 12px;
}