/* Universal selector, content applies initially to all components */
* {
    margin: 0;
    padding: 0;
}

/* Importing Font Files */
@font-face {
    font-family: 'UnityHeadlineBold';
    src: url('fonts/TCCC-UnityHeadline-Bold.ttf');
}

@font-face {
    font-family: 'UnityTextRegular';
    src: url('fonts/TCCC-UnityText-Regular.ttf');
}

@font-face {
    font-family: 'TCCCUnityCondensedBold';
    src: url('fonts/TCCC-UnityCondensed-Bold.ttf')
}

@font-face {
    font-family: 'TCCCUnityCondensedMedium';
    src: url('fonts/TCCC-UnityCondensed-Medium.ttf');
}

body {
    height: 100vh;
    width: 100vw;

    display: flex;
    flex-direction: column;
    justify-content: center;

    background-color: #e41e2b;
}

p {
    justify-content: center;
    text-align: center;

    color: #fff;
    font-family: 'TCCCUnityCondensedMedium';
    font-size: 2.25em;
}

a {
    display: inline;
}



/* MEDIA QUERIES - MOBILE - PORTRAIT*/
@media screen and (max-width:500px) {
    p {
        font-size: 3em;
        padding: 0 8vw;
    }
}

@media screen and (max-width:430px) {
    p {
        font-size: 3em;
    }
}

@media screen and (max-width:414px) {
    p {
        font-size: 2.25em;
    }
}

@media screen and (max-width:412px) {}

@media screen and (max-width:390px) {}

@media screen and (max-width:375px) {}

/* MEDIA QUERIES - MOBILE - LANDSCAPE */
@media screen and (max-width:950px) and (orientation:landscape) {
    p {
        font-size: 2.5em;
    }
}

@media screen and (max-width:844px) and (orientation:landscape) {}

@media screen and (max-width:670px) and (orientation:landscape) {
    p {
        font-size: 2.25em;
    }
}