html,body{
    min-width: 100%;
    margin: 0 auto;
    border: 0 auto;
    overflow-x: hidden !important;
    line-height: 1.8em;
    scroll-behavior: smooth;
   
}

*{
 
  font-weight: 500;
}

a{
    text-decoration: none;
    transition: 1s;
}

a:hover{
  cursor: pointer;
}

#bg{
  background: url(../images/bg2.webp);
  background-size: 100%;
    background-repeat: no-repeat;
    

}

#bga{
  background: url(../images/bga.webp);
background-size: 110%;
  background-repeat: no-repeat;
  background-position-x: -140px;
  background-position-y: center;

}


.centered{
  margin: 0 auto !important;
  float: none !important;
}

button{
    min-width: 8em;
}
#abtn{
  min-width: 8em;
  
}
#abtn:hover{
  transition: 1s;
  box-shadow: 1px 5px 5px rgba(1, 15, 1, 0.452) ;
 
  
}


button:hover{
    transition: 1s;
    box-shadow: 1px 5px 5px rgba(1, 15, 1, 0.452) ;
}
hr{
  border: solid 1px !important;
  color: rgb(0, 156, 21) !important;
  border-radius: 50%;

}


#topo{
    background: rgb(90,255,96);
    background: linear-gradient(90deg, rgba(90,255,96,0.7413340336134453) 0%, rgba(0,217,255,0.7749474789915967) 100%);
    min-height: 4em;
    box-shadow: 1px 5px 5px rgba(1, 15, 1, 0.452) ;

}



footer{
   
    /*background: rgb(90,255,96);
    background: linear-gradient(90deg, rgba(90,255,96,0.7413340336134453) 0%, rgba(0,217,255,0.7749474789915967) 100%);
    */min-height: 4em;
    padding-left: 2em;
    font-weight: 500;
}

footer a
{
  color: rgb(71, 71, 71) !important;
}

footer a:hover{
  color: rgb(33, 33, 253) !important;
}

#cabeca{
  background: rgb(90,255,96);
  background: linear-gradient(90deg, rgba(90,255,96,0.7413340336134453) 0%, rgba(0,217,255,0.7749474789915967) 100%);
  min-height: 4em;
  position: relative;
}

#socials {
    transition: 1s;
    box-shadow: 1px 1px rgba(0, 0, 0, 0.37);
    min-height: 2em;
    min-width: 2em;
}


#socials:hover{
    transition: 1s;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.541);
}

@-webkit-keyframes pulse {
    0% {

      -webkit-filter: brightness(100%);
    }
    95% {

      -webkit-filter: brightness(120%);
    }
  }
  
  @keyframes pulse {
    0% {

      filter: brightness(100%);
    }
    95% {

      filter: brightness(120%);
    }
  }
  .lgpd{
    position: fixed;
    left: 20px;
    right: 20px;
    bottom: 20px;
    padding: 20px;
    background-color: aquamarine;
    color: rgb(100, 104, 104);
    font-size: 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 1em;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.466);
    transition: 2s;
    z-index: 9999;
    cursor: pointer;
}

#teste-img{
  background-image: url(../images/teste-img.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 80%;
}

#codigo{
  animation: none;

}

@keyframes shake-animation {
  0% { transform:translate(0,0) }
 1.78571% { transform:translate(5px,0) }
 3.57143% { transform:translate(0,0) }
 5.35714% { transform:translate(5px,0) }
 7.14286% { transform:translate(0,0) }
 8.92857% { transform:translate(5px,0) }
 10.71429% { transform:translate(0,0) }
 100% { transform:translate(0,0)}
}

#quiz{
  display: none;
  
}

.owl-carousel img{
  width: 150px !important;
}

.custom-separator {
  width: 5rem;
  height: 6px;
  border-radius: 1rem;
}

#servs{
  border: solid 1px black;
}

#servs h2{
  color: rgb(57, 189, 63);
}

#servs h4{
  color: black;
}
#servs:hover{
  border-color: rgb(10, 151, 216);
  transition: 0.5s;
  cursor: pointer;
  text-shadow: 2px 15px 5px rgba(74, 103, 106, 0.13);
  transition: 0.5s;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}
#servs:hover h2{
  color: rgb(10, 151, 216);
  transition: 0.5s;
}
.fs-max{
  font-size: 3em;
  font-weight: bold;
}
.fs-mb{
  font-size: 4em;
  font-weight: bold;
}

#green{
  background-image: url(../images/bg-3.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 5%;
}

#grad{
  background: rgb(90,255,96);
background: linear-gradient(0deg, rgba(90,255,96,0.052258403361344574) 0%, rgba(90,253,99,0.6909138655462185) 6%, rgba(90,249,106,1) 16%, rgba(0,200,255,1) 100%);
}

.mb-max{
  margin-bottom: 10em;
}

/* efeito bolhas */
#border{
  border-bottom: 1px black;
  border-width: 100% !important;
  
}


.glass{
  background: rgba( 255, 255, 255, 0.55 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 9px );
-webkit-backdrop-filter: blur( 9px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
}
#cont{
  transition: 0.5s;
}
#mirror{
  text-shadow: 0px 35px 6px rgba(74, 103, 106, 0.548);
  transition: 0.5s;
}

#mirror2{
  text-shadow: 0px 10px 6px rgba(74, 103, 106, 0.548);
}

#cont:hover #mirror {
  text-shadow: 0px 45px 5px rgba(74, 103, 106, 0.233);
  transition: 0.5s;
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -o-transform: translateY(-8px);
  transform: translateY(-8px);
}

#cont:hover{
  transition: 0.5s;
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -o-transform: translateY(-8px);
  transform: translateY(-8px);
}

.d3 {
  color: rgb(0, 140, 255) !important;
  font-weight: bold;
  font-size: 5em;
  text-shadow:  
    -1px 1px 0 #1d7da3, 
    -2px  2px 0 #2e5a83, 
    -3px  3px 0 #2d5880, 
    -4px  4px 0 #2b557c, 
    -5px  5px 0 #2a5378, 
    -6px  6px 0 #295074, 
    -7px  7px 0 #274d71,
    -13px 13px 10px rgba(0, 0, 0, 0.308);
    
}

.d3s {
  color: rgb(0, 140, 255) !important;
  font-weight: bold;
  text-shadow:  
    -1px 1px 0 #1d7da3, 
    -2px  2px 0 #2e5a83, 
    -3px  3px 0 #2d5880, 
    -4px  4px 0 #2b557c, 
    -5px  5px 0 #2a5378, 
    -6px  6px 0 #295074, 
    -7px  7px 0 #274d71,
    -13px 13px 10px rgba(0, 0, 0, 0.308);
    
}