@charset "UTF-8";
/*typical device breackpoints
pequenas telas ate 600px;
celulares de 600px até 768px;
tablet de 768px ate 992 px;
desktop de 992px ate 1200px;
grandes telas acima de 1200px;
*/
@media screen and (min-width: 768px) {
:root {
    --cor0: #bcfcf6;
    --cor1: #1AE6CE;
    --cor2: #5DABEA;
    --cor3: #1B73E6;
    --cor4: #37e620;
    --cor5: #225e58;
    --cor6: #021c40;
    --cor7: #5dea8c;  
    
    --fonte-padrao: Arial, Verdana, Helvetica, sans-serif;
    --fonte-destaque: "Edu AU VIC WA NT Pre", cursive;
    --fonte-principal: "Labrada", serif;
}
* {
    margin: 0px;
    padding: 0px;
}



    span#burguer {
        display: none;
}
menu {
    display: block;
    
}
menu > ul > li {
    display: inline-block;
    border: 3px solid var(--cor0);
}



/*conheça as ubs tela grande*/
.container-proj {
    max-width: 1175px;
    height: auto;
    margin: 0 auto;
    padding: 2px;
    
}
.projetos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none; 
     background-color: var(--cor0);
     margin: 0px;
    padding: 0px;
    
    border-radius: 20px;
  
    
}
.projetos li{
  flex-basis: 265px;
  height: 100%;
  padding: 3px;
  margin: 10px;
  background-color: #8baa87;
  border-radius: 10px;

}
.projetos li img {
    width: 95%;
    height: 85%;
    vertical-align: middle;
    padding: 5px;
   
    border-radius: 20px;
    
}
.projetos li:hover {
    color: #eada5d;
    border: 4px solid #0810eb;
  }

figcaption.desc {
    min-height: 5px;
    background-image: linear-gradient(to left, var(--cor6), transparent);
    padding: 1px;
    margin: 1px;
    text-align: center;
    border-radius: 10px;
    
  }
  
  .banner {
    width: auto;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--cor5);
  }
  .banner video {
    position: relative;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
    object-fit: cover;
    width: 50vw;
    height: 65vw;
  }
  .meuvideo{
    background-image: linear-gradient(to top, rgb(40, 43, 37), transparent);
    color: black;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 20px;
    text-align: center;
    border-radius: 10px;
  }
    
  
   }