#sec-1{
    background:linear-gradient(
        rgba(0,0,0,.5),rgba(0,0,0,.3)
      ),url('../img/sec-aluno.jpg') ;
    background-repeat: no-repeat;
  background-size: cover;
   
}

.navbar{
    background-color: rgba(0, 0, 0, 0);
}


#sec-1 .inf{
    border-radius: 10px 10px 10px 10px;
    transition: 0.3s border ease-out;
    background-color:rgba(255, 254, 254, 0.7);
  
}


#sec-1 .button{
    transition: 0.3s all;
}
#sec-1 .button:hover{
    transition: 0.3s ease-in-out;
    transform: scale(1.1);
}

.nome-item{
    font-weight: bold;
    text-transform: uppercase;
    
}

div.ensino{
    margin-top: -100px;
    min-height: 400px;
    transition: 0.3s;
    
}

div.ensino:hover{
    transition: cubic-bezier(0.075, 0.82, 0.165, 1)  0,3s;
    transform: scale(1.07);
}

.op-menu{
    margin:0 auto;
}

.lg3d img{
    height:128px;
    width: auto;
    display: block;
    margin: 0 auto;    
}

.lg-loader{
    height: 100px;
    width: 100px;
    margin: 0 auto;
    opacity:1;
    transition: 1s all;
}

#menu-mobile{
    width:max-content ; margin: 0 auto; 
}
#menu-mobile span{
    color: white;
    height: 3px;
    width: 20px;
}

#galeria img{
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) all 0.3s;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
}

#galeria img:hover:not(.modal img){
    transform: scale(1.01) rotate(5deg);
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) all 0.3s;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
}

footer .lg3d{
    width: 120px;
    height: 120px;
}

#btnModal{
    background: rgb(255, 0, 0);
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 1s all;
}

#btnModal:hover{
    transform: scale(1.5);
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 1s all;
}

#login .box{
    background-color: #f39c12;
}

#login p, #login label{
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2) ;
}

#login picture{
   
 height: 150px;
  width: 150px;
  border-radius: 100px;
  margin: -90px auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.4);
  
}

#login picture img{

   height: 105px;
   width: 105px;

}


#login .box{
    min-height: 350px;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.3);
  
}

#login input[type="submit"]{
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.3);
}

#login{
    background: url("../img/papel.jpg") no-repeat;
    background-size: auto;
}

#valores div.card-content{
    min-height: 300px;
}

#tabela-topo td{
    border: none;
}