@font-face {
    font-family: 'aexir';
    src: url("../Fonts/Aexir.otf") format('opentype')
}

body {
    display: grid;
    place-items: center;   /* Centers both horizontally and vertically simultaneously */
    min-height: 100vh;
    margin: 0;
    text-align: center;
}

h1, span{
    font-family: 'aexir';
}

h1 {
    /* min-size: 2rem, preferred: 10vw, max-size: 100vh */
    font-size: clamp(15rem, 10vw, 100vh);
    color: red;
}

p{
    color: black;
    font-size: clamp(1rem, 1vw, 1vh);
}