/* CSS DEFINITIONS  (C) CODEMAMBA SOLUTIONS */
body {
    margin:0; 
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
}

.HD {
    height:25vh;
    background-image: url("../imgs/lasvo_wd.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    
    background-position: center;
}

@media screen and (max-width:480px) {
    .HD {
        height:25vh;
        background-image: url("../imgs/lasvo_sm.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }   
}

#main {
    display:Block;
    height:100vh;  
}

.main3 {
    height:70vh;
    
}

.main33 {
    height:auto; 
}

.myTitle {
display: grid;
place-content: center;
width: 1fr;
height: 10%;
border: 0.6px solid black;
font-size:large; font-weight: bold;
}

.controls {
    height: 80%; 
    display: grid;
    place-content:center;
    overflow-y:scroll ;
}

.message {
    height: 10%;
    display: grid;
    place-content:center;
    text-align: center;
}

H4 {
    color:red;
}

.FT {
    display:flex;
    justify-content:space-between;
    align-items: center;
   
    height: 5vh;
    background-color: rgb(58, 56, 56) ;
    color: white ;
    font-weight: bold;
}

.FT div {
  padding: 2px;
}