.globe {
    position: absolute;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url("../Images/Logo/mapaOutline.png");
    background-size: cover;
    animation: spin 30s linear infinite;
    filter: sepia(0.3);
    -webkit-filter: sepia(0.3);
    -moz-filter: sepia(0.3);
    -o-filter: sepia(0.3);
    -ms-filter: sepia(0.3);
    opacity: 0.7;
    z-index: 3;
}

.filter{
    position: absolute;
    border-radius: 50%;

    left:0;
    right:0;
    top:0;
    bottom:0;

    margin:auto;

    background-image: url("../Images/Logo/filter.jpg");
    background-size: cover;
    box-shadow: -30px -30px 70px 15px #000 inset, 0 0 25px 5px #000;

    animation: spin 25s linear infinite;
    
    opacity: 0.3;

    z-index: 3;
}

.logo{
    position: absolute;
    border-radius: 50%;

    left:0;
    right:0;
    top:0;
    bottom:0;

    margin:auto;

    background-image: url("../Images/Logo/logo.png");
    background-size: cover;

    z-index: 3;
}

.bottomLogo{
    position: absolute;
    border-radius: 50%;

    left:0;
    right:0;
    top:0;
    bottom:0;

    margin:auto;

    background-image: url("../Images/Logo/bottomLogo.png");
    background-size: cover;

    z-index: 3;
}

@keyframes spin {
    100%{background-position: 100%;}
}