body {
    background-image:url("../imagens/background.jpg");
    background-color: #d1ffd1;
    background-repeat: repeat-x;
    background-size: cover;
    background-position: 0 0;
    background-attachment: fixed;

    color: white;
    margin: 0;
    padding: 0;
}

.loader {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f0f1f2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader img {
    width: 10em;
}

.loader .hidden {
    animation: fade-out 1s;
    animation-fill-mode: forwards;
}

.margem {
    margin:0;
}

.hidden {
    display: none;
    visibility: hidden;
    animation: fade-out 1s;
    animation-fill-mode: forwards;
}


@keyframes loop {
    0% {background-position: 0 0;}
    50% {background-position: 100% 0;}
    100% {background-position:0 0;}
}

@keyframes fade-in{
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fade-out {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}