code {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
}

.rollin {
    animation: rotation 1s linear 1;
}

.rollout {
    animation: rotation 1s linear 1 reverse;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

.logo {
    max-height: 65px;
    width: auto;
}

.fa-lg {
    font-size: 90px;
}

#overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1024;

    display:flex;
	align-items: center;
	justify-content: center;

    background: #0C0019;

    transition: all 1s ease;
}

#overlay.hidden {
    visibility: hidden;
    opacity: 0;
}