@font-face {
    font-family: PressStart2P-Regular;
    src: url(fonts/PressStart2P-Regular.ttf);
}
body {
    display: flex;
    color: aliceblue;
    text-align: center;
    font-family: PressStart2P-Regular, sans-serif;
    background-color: black;

    width: 100%;
    height: 100%;
    position: fixed;
    
}
.main-title {
    font-size: 75pt;
    text-shadow: -1px 0px 2px rgba(255, 0, 0, 0.377), 1px 0px 2px rgba(0, 38, 255, 0.404), 0 0 0.6em rgba(255, 255, 255, 0.3);
}
#wrapper {
    width: auto;
    margin: auto;
    padding-bottom: 25px;
}
@media screen and (max-width: 800px) {
    
    .main-title {
       font-size: 50pt;
    }
}
@media screen and (max-width: 700px) {
    
    .main-title {
       font-size: 25pt;
    }
}

@media screen and (max-width: 300px) {
    
    .main-title {
       font-size: 15pt;
    }
}


@media screen and (max-width: 150px) {
    
    .main-title {
       font-size: 8pt;
    }
}