.bgimg {
    background-image: url('../fotos/quotes/Tsunami Countdown.jpg');
    height: 100vh;
    background-position: center;
    background-size: cover;
    position: relative;
    color: white;
    font-family: "Courier New", Courier, monospace;
    font-size: 25px;
}

.middle {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    
}

.middle h1 {
    margin-left: 1vw;
    color: #E0E5E9;
    text-shadow: 0 0 15px black; 
}

.table p {
    font-size: 16px;
    color: #E0E5E9;
}

.bottomleft {
text-shadow: 0 0 10px black;
}

@media screen and (max-width: 834px){
    .table p {
        font-size: 10px;
    }

    .bottomleft {
        font-size: 15px;
        font-weight: bold;
       
    }
    .middle h1 {
        font-size: 18px;
        text-align: center;
        text-shadow: 0 0 5px black; 
    }

    .bgimg {
        background-image: url('../fotos/Tsunami_Countdown_Mobile');
      overflow-y: hidden;
    }

}