@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/* Colors */
:root {
    /*--font-main: "Pangolin", cursive;*/
    /*--font-main: "Exo 2", sans-serif;*/
    /*--font-main: "Shantell Sans", cursive;*/
    --font-main: "Press Start 2P", system-ui;
    --font-h: "Press Start 2P", system-ui;
    /*--color-main: #5f4dee;*/
    --color-main: #5272ff;
    --color-main-black: #3657e0;
    --color-main-dark: #243993;
    --color-main-light: #627dff;
    --color-light: #bac2ff;
}


html,
body {
    font-family: var(--font-main);
    font: 400 1rem / 1.625rem var(--font-main);
}

.main-temp{
    font-size: 4rem;
    font-family: var(--font-main);
}
.sub-temp{
    font-size: 2rem;
    font-family: var(--font-main);
}

.hard-info{
    font-size: 1rem;
    font-family: var(--font-main);
}

.main-info{
    font-size: 1rem;
    font-family: var(--font-main);
    color: #00f2fe;
}

.main-border{
    border: solid 5px white;
    border-radius: 30px;
}