html, body, viewport{
  height: 100%;
  margin: 0;
  overflow: hidden;  
  background-color: #111;
}
.container {    
    height: 100vh;
    align-items: center;
    justify-content: center;    
    display: flex;         
    font-family: Config Rounded;    
    font-size: 20px;
    text-align: center;
    color: red;  
}
.fancy-txt
{
    font-weight: 100;    
    /*font-family: 'Orbitron', sans-serif;*/
    font-family: 'Tourney', cursive;   
    color: red;  
    text-align: center;
}

.item {    
    z-index: 3;
    display: flex;    
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100vh;
    width: 150px;
    
}

.item-center { 
    z-index: 2;
    display: flex;    
    align-items: center;
    justify-content: center;    
    height: 100vh;    
    width: 100vh;
    flex-grow: 1; /* Set the middle element to grow and stretch */        
}

.item + .item { 
    margin-left: 2%; 
}

.ne0n{
    top: 40% !important;
    left: 40% !important;
}
.ne0n1{
    top: 60% !important;
    left: 40% !important;
}
.rot90{
    transform: rotate(90deg);
}
.right{
    text-align: right;
}