@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Sono:wght@200..800&display=swap');

body, html {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;    
    justify-content: space-evenly;
    font-family: 'Courier New', Courier, monospace;
}

h1 {
    font-size: 8vw;
    margin: 3vmin;
    text-align: center;
}

h3 {
    font-size: 2vw;
    margin: 1vmin;
    text-align: center;
}

@media (max-aspect-ratio: 2/3) {
    h1 {
        font-size: 10vw;
    }
    h3 {
        font-size: 4vw
    }
}

@media (min-aspect-ratio: 2/3) and (max-aspect-ratio: 1/1) {
    h3 {
        font-size: 3vw
    }
}