.logo {
    display: inline-block;
    width: 100px;
    height: 100px;
    background-image: url(../img/logo.svg);
    background-repeat: no-repeat;
    background-size: 100px
}

.load-container {
    position: relative;
    min-height: 100px
}

.load-container span {
    display: block;
    width: 50px;
    height: 50px;
    border: 4px solid var(--input-bg);
    border-bottom-color: var(--label-color);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: spin .75s infinite linear
}

.links a {
	display: block
}

#report h2 {
	margin: 0
}

form .status {
	color: var(--red);
	max-height: 0;
	opacity: 0;
	visibility: hidden;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition)
}

form .status.show {
	max-height: 200px;
	opacity: 1;
	visibility: visible
}

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