.aa-f-1 {
    font-family: "Cinzel", serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.aa-f-2 {
    font-family: "The Nautigal", cursive;
    font-style: normal;
}        

.aa-f-gold {
    background: #ee9a1b;
    background: linear-gradient(to right, rgb(240, 155, 41) 35%, rgb(255, 225, 151) 39%, rgb(255, 222, 146) 42%, rgb(255, 196, 97) 45%, rgb(255, 178, 59) 49%, rgb(238, 154, 27) 53%, rgb(202, 112, 0) 57%, rgb(202, 112, 0) 57%, rgb(202, 112, 0) 58%, rgb(255, 184, 83) 62%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}        

@keyframes rotating {
    from {
        transform: rotate(0deg);
    } to {
        transform: rotate(360deg);
    }
}

/* Rotating - Clockwise */
@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    } to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    } to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}        

.aa-ani-rot {
    -webkit-animation: rotating 40s linear infinite;
    -moz-animation: rotating 40s linear infinite;
    -ms-animation: rotating 40s linear infinite;
    -o-animation: rotating 40s linear infinite;
    animation: rotating 40s linear infinite;
}