@font-face {
    font-family: main0;
    src: url("/Fonts/Brushmark.ttf");
}

@font-face {
    font-family: main1;
    src: url("/Fonts/DS-DIGI.TTF");
}

@font-face {  
    font-family: main2;
    src: url("/Fonts/Avengers.ttf");
}

@font-face {  
    font-family: main3;
    src: url("/Fonts/Roboto-Thin.ttf");
}

@font-face {  
    font-family: main4;
    src: url("/Fonts/steelfish rg.ttf");
}

#cont {
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    }

#ct {
    font-size: 200px;
    color: #ffffff;
    text-align: center;
    padding: 0px;
    margin: 0px;
    }
    
#ampm {
    font-size: 40px;
    color: #ffffff;
    text-align: center;
    padding: 0px;
    margin: 0px;
    transform: translateY(-50%);
    }
    
.button {
    width: 100%
    font-size: 20px;
    color: grey;
    text-align: center;
}

a {
    text-decoration: none;
    color: grey;
}

@media screen and (min-width: 1000px) {

    #ct {font-size: 250px;}
    #ampm {font-size: 40px;}
}

@media screen and (min-width: 1200px) {

    #ct {font-size: 300px;}
    #ampm {font-size: 60px;}
}