/*Логотип*/
#logo {
    width: 60px;
    height: 60px;
}
/*Вращение логотипа*/
.spiner {
    position: static;
    width: 60px;
    height: 60px;
    border: 2px solid #463E48;
    background-color: ghostwhite;
    border-radius: 30px;
    transform-style: preserve-3d;
    animation: main-rotate 5s infinite linear;
}
/* Наружний квадрат */
.outer {
    position: absolute;
    width: 60px;
    height: 60px;
}
/*Внутренний квадрат*/
.interior {
    transform: translateZ(0.15em) scale(0.8);
}
.outer1 {
    position: absolute;
    width: 60px;
    height: 60px;
}
/*Внутренний квадрат*/
.interior1 {
    transform: translateZ(-0.15em) scale(0.8);
}
/* Анимация вращение вокруг вертикальной оси*/
@keyframes main-rotate {
    100% {
        transform: rotateY(360deg);
    }
}
/*Mobile*/
@media all and (max-width: 1024px) {
    .spiner {
        zoom: 200%;
    }

}