@import url('https://fonts.googleapis.com/css2?family=Smooch+Sans:wght@100..900&display=swap');


body{

      background:black;
      margin: 0;
}

h1{
    text-align: center;
    color: white;
    margin:0%;
    background: rgb(21, 20, 20);
    height: 60px;
    font-family:"Smooch Sans", sans-serif; 
    font-size:45px;
    
}

h2{
    color:rgb(255,255,255);
    text-align: center;
    margin-top: 0px;
    background: rgb(7, 7, 74);
    padding-bottom:9px;
     font-family:"Smooch Sans", sans-serif; 
    font-size:30px;
    
}

h2:hover{
    opacity: 80%;
    color:yellow;
}

h3{
    color:yellow;
    margin-left:1px;
    margin-top: 0px;
     font-family:"Smooch Sans", sans-serif; 
}

.links{
    text-decoration: none;
}

iframe{
    border:1px solid #241f1f ;
}



/* Smartphones (600px para baixo) */
@media only screen and (min-width:600px){
   
    .vp{
        display:none;
    }

   iframe{
    height:300px;
    width:80% ;
    margin-left: 10%;
   } 
   h3{
    margin-left: 10%;
   }

}

/* Dispostivos Largos (laptops/desktops, 992px par*/
@media only screen and (min-width: 992px) {
   iframe{
    height:350px;
    width:80% ;
    margin-left:10%;
   } 
}


video{
    object-fit: cover;
    border:1px solid #241f1f ;
}

/* Smartphones (600px para baixo) */
@media only screen and (min-width:600px){
   video{
    height:300px;
    width:80% ;
    margin-left: 10%;
   } 
   h3{
    margin-left: 10%;
   }

}

/* Dispostivos Largos (laptops/desktops, 992px par*/
@media only screen and (min-width: 992px) {
   video{
    height:350px;
    width:80% ;
    margin-left:10%;
   } 
}