hr {
    margin:  4rem 0 4rem 0;
}

img {
    max-width:100%;
}

h1,
h2 {
    margin: 2rem 0 2rem 0;
}

h1 strong,
h2 strong {
     _background: rgb(250,250,250);
     _border: 1px solid rgb(220,220,220);
     _padding: 1rem 0.5rem 1rem 0.5rem;
}

button {
    margin: 1rem 0 1rem 0;
}

a:link {
    _color: rgb(0,160,100);
}

div.note {
    background: rgb(255,240,160);
    padding: 1rem;
    border: 1px dashed rgb(200,200,200);
}

h1 {
    background: rgb(80,80,80);
    padding: 1rem;
    color: rgb(0,200,255);
}

h2 {
    background: rgb(80,80,80);
    padding: 1rem;
    border-bottom: 0.2rem solid;
    color: rgb(0,220,255);
    margin-top: 6rem;
}

h2:first-of-type {
    margin-top: 2rem;
}

h1.logo {
    background: rgb(255,255,255);
    padding: 1rem 1rem 1rem 0rem;
    _margin: 0 0 0 0;
    _color: rgb(0,180,255);
    color: rgb(100,100,100);
    border-bottom: 0.4rem solid rgb(0,180,255);
}

/* TODO: use sass to share colors */

.logo a {
    text-decoration: none;
    color: rgb(100,100,100);
}

h1.title {
    background: rgb(100,100,100);
    padding: 1rem;
    color: rgb(255,200,100);
}