@font-face {
    font-family: "Montserrat";
    src: url(./Montserrat-VariableFont_wght.ttf);
}

body {
    --bg: #eeeeee;
    --txt: #372579;

    position: relative;
    margin: 10;
    width: 100%;
    overflow-x: hidden;

    background: var(--bg);
    color: var(--txt);
    font-family: 'Montserrat',Arial,sans-serif;
    font-size: 16pt;
    font-weight: 500;
    text-align: center;
}

.gif {
    width: 300px;
}

ol {
    list-style-position: inside;
    list-style-type: decimal;
}

.spinning-logo {
    width: 200px;
    height: auto;
    animation: spin 10s linear infinite;
}
@keyframes spin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }