@font-face{
    font-family: "Perpetua Titling MT Light";
    src: url("fonts/d461c89ddda0ee0e6493f1cc55e60d4e.eot");
    src: url("fonts/d461c89ddda0ee0e6493f1cc55e60d4e.eot?#iefix")format("embedded-opentype"),
        url("fonts/d461c89ddda0ee0e6493f1cc55e60d4e.woff")format("woff"),
        url("fonts/d461c89ddda0ee0e6493f1cc55e60d4e.woff2")format("woff2"),
        url("fonts/d461c89ddda0ee0e6493f1cc55e60d4e.ttf")format("truetype"),
        url("fonts/d461c89ddda0ee0e6493f1cc55e60d4e.svg#Perpetua Titling MT Light")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

html, body {
    font-size:13px;
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    line-height: 1.3;
    font-weight: 200;
    background: linear-gradient(0deg, rgba(112, 112, 112, 1) 0%, rgba(40, 40, 40, 1) 100%);
    background-size: 100%;
    margin: 0;
    height: 100%;
    letter-spacing: 0.4em;
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
}

.comingsoon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.comingsoon span {
    position: absolute;
    text-transform: uppercase;
    text-align: center;
}

.comingsoon img {
    width: 170px;
    animation: rotate 3s linear infinite;
    transform-origin: center; /* Это значение по умолчанию, можно не указывать */
}
        
@keyframes rotate {
    from {
        transform: rotate(0deg);
         }
    to {
        transform: rotate(360deg);
       }
    }