body {
    background-image: url('/assets/oldpaperbg.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    font-family: Source Sans Pro, sans-serif;
}
h1 {
    font-family: Oranda, sans-serif;
    font-feature-settings: "liga";
    color: #a80a2d;
    font-size: 2.0rem;
}
h2 {
    font-family: Oranda, sans-serif;
    font-feature-settings: "liga";
    color: #a80a2d;
    font-size: 1.5rem;
}
.card {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}
.btn.btn-primary {
    background-color: rgb(21, 124, 104);
    font-weight: 600;
    letter-spacing: .7px;
    text-transform: uppercase;
    word-wrap: break-word;
    white-space: normal;
    border-radius: .125rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

/* Give buttons an hover effect where it gets more darker and shadow */
.btn.btn-primary:hover {
    background-color: rgb(17, 100, 86);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

label {
    color: #585858;
    font-size: 1.2rem;
    font-weight: 600;
    font-family: Source Sans Pro, sans-serif;
    position: relative;
    margin-bottom: 0px !important;
}
#timer{
    padding: 10px;
    border-radius: 5px;
    font-size: 2rem;
    font-weight: bold;
    color: #333;
}
input {
    border-color: #157c68 !important;
}
a {
    color: rgb(21, 124, 104) !important;
}
.material-icons{
    font-size: 1.2rem;
    vertical-align: middle;
    font-weight:200;
}

/* Rules for icon sizes: */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; } /* Default */
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }