.hidden {
    display: none;
}

.spin {
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
    color: lightskyblue;
    font-size: 50pt;
    margin-bottom: 10px;
}

/* loogs ugly af when this is enabled. overlapping shadows. ugh */
.mdl-shadow--2dp {
    box-shadow: unset !important;
}


@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }