@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,700;1,700&family=Jersey+10&family=Titan+One&display=swap');


/* classes */

.jetbrains {
    font-family: "JetBrains Mono";
    src: url(resources/JetBrainsMonoNL-ExtraBold.ttf);
}

.centre {
    justify-content: center;
    text-align: center;
    vertical-align: bottom;
}

.inline {
    display: inline-block;
}

/* elements */

h1#title {
    color: #e0f8d0;
    font-size: calc(1.25vw);
    margin: auto;
    white-space: break-spaces;
}

body{
    font-size: calc(1.5vw);
    background-color: #0c0c0c;
    background-size: 75%;
    background-repeat: repeat;
}

a {
    color: #e0f8d0;
}

p {
    color: #e0f8d0;
    padding: 0%;
    margin: 0%
}

#yt:hover {
    color: #ff0033;
}

#twitch:hover {
    color: #a970ff;
}

#itch:hover {
    color: #fa5c5c;
}

#gdgames:hover {
    color: #5025cf;
}

#legacypage:hover {
    color: #f52934;
}

/* keyframes */

@keyframes grow {
    0%{
        transform: scale(0%, 0%);
    }
    
    60%{
        transform: scale(125%, 125%);
    }

    100%{
        transform: scale(100%, 100%);
    }
}

@keyframes flyInL {
    0%{
        transform: translateX(-400%)
    }

    60%{
        transform: translateX(20%)
    }

    100%{
        transform: translateX(0%)
    }
}

@keyframes flyInR {
    0%{
        transform: translateX(400%)
    }

    60%{
        transform: translateX(-20%)
    }

    100%{
        transform: translateX(0%)
    }
}

@keyframes bgscroll {
    from { background-position: 0px 0px; }
    to { background-position: 690px 690px}
}