@charset "UTF-8";

body {
    color: #333;
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.3em;
    padding: 2em;
}

*:focus {
    outline-style: none;
}

a {
    color: deepskyblue;
    text-decoration: none;
    transition: all 200ms;
}

#chapter {
    margin: 0 auto;
    width: 75%;
}

#chapter nav {
}

#chapter nav a {
    border-bottom: solid 3px #eee;
    display: inline-block;
    padding: 1em;
}

#chapter nav a:focus,
#chapter nav a:hover {
    border-bottom-color: deepskyblue;
    color: #555;
}

#chapter nav a:active,
#chapter nav a.active {
    border-bottom-color: darkorange;
    color: darkorange;
}

#chapter footer {
    border-top: solid 1px #eee;
    color: #aaa;
    font-size: 0.8em;
    margin-top: 1em;
    padding-top: 0.2em;
    padding: 0.2em;
}

#yield {
    padding: 2em 1em;
}

.throb {border: 3px solid #555;height: 50px; width: 50px; margin: 0 auto; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -ms-border-radius: 50%;
    -ms-animation: pulsate 2s ease-out;
    -ms-animation-iteration-count: infinite;
    -moz-border-radius: 50%;
    -moz-animation: pulsate 2s ease-out;
    -moz-animation-iteration-count: infinite;
    -o-border-radius: 50%;
    -o-animation: pulsate 2s ease-out;
    -o-animation-iteration-count: infinite;
    border-radius: 50%;
    animation: pulsate 2s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    z-index: 999;
}
@-webkit-keyframes pulsate {
    0% { -webkit-transform: scale(0.1, 0.1);opacity: 0.0;}
    50% {opacity: 1.0; }
    100% { -webkit-transform: scale(1.2, 1.2);opacity: 0.0;}
}
@-moz-keyframes pulsate {
    0% { -moz-transform: scale(0.1, 0.1);opacity: 0.0; }
    50% {opacity: 1.0;}
    100% { -moz-transform: scale(1.2, 1.2);opacity: 0.0;}
}
@-ms-keyframes pulsate {
    0% {-ms-transform: scale(0.1, 0.1);opacity: 0.0; }
    50% {opacity: 1.0;}
    100% {-ms-transform: scale(1.2, 1.2);opacity: 0.0; }
}
@-o-keyframes pulsate {
    0% {-o-transform: scale(0.1, 0.1);opacity: 0.0; }
    50% {opacity: 1.0; }
    100% { -o-transform: scale(1.2, 1.2);opacity: 0.0;}
}
@keyframes pulsate {
    0% {transform: scale(0.1, 0.1);opacity: 0.0; }
    50% { opacity: 1.0;}
    100% { transform: scale(1.2, 1.2);opacity: 0.0;}
}