#tt {
    font-size:10px;
    color: #555555;
    margin-left: 50px; 
}

a {
    font-size:10px;
    color: #555555;
    margin-left: 50px; 
}



body {
    background-color: #000000;
    margin: 0px;
}


pagina{
}


.lijn {
    
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    grid-gap: 0px;
    grid-auto-rows: minmax(20px, auto);
    grid-auto-columns: minmax(20px, auto);
}

.letter {
    font-size:5vw;
    font-variant: small-caps;
    color: #0292b6;
    text-align: center;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
}

.blok {
    margin: 0px;
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 80%;
    max-height: 80%;
    background-color: #00a4cd;    
}

.blok a:hover {
    background-color: #FF0000;    
}



@media only screen and (orientation: landscape){
    body {
        
      
    }
.blok {


    max-width:  40%;
    

}
    .letter {
        font-size:5vh;
        font-variant: small-caps;
        color: #0292b6;
        text-align: center;

    }
    .lettert {
        font-size:5.5vh;
        font-variant: small-caps;
        color: #0292b6;
        text-align: center;

    }
   
}