@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:ital,wght@0,200..800;1,200..800&family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap');

@keyframes welcomespin {
    0% {
        transform: rotate3d(0,0,0,360deg);
    }
    100% {
        transform: rotate3d(0,1,0.05,360deg);
    }
}

#welcomesign {
    font-family: "Atkinson Hyperlegible Mono", sans-serif;

    animation-name: welcomespin;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

}

@keyframes maxwellspin {
    0% {
        transform: rotate3d(0,0,0,360deg);
    }
    100% {
        transform: rotate3d(4,5,1,360deg);
    }
}

#maxwell {
    font-family: "Atkinson Hyperlegible Mono", sans-serif;

    animation-name: maxwellspin;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

}