@font-face{
    font-family: 'Segoe';
    src: url("../fonts/segoeuil.ttf");
}
@font-face{
    font-family: 'Razer';
    src:url("../fonts/RazerF5.woff");
}
@font-face{
    font-family: 'Bebas';
    src: url("../fonts/Bebas.otf");
}
@font-face{
  font-family: 'Simplifica';
  src: url("../fonts/Moon.otf");
}
body {
    background: #fff;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
html{
  scroll-behavior: smooth;
}
#testt{
  background:url("../img/fondopreview.png") center bottom no-repeat;
  background-size:cover;
}

#sobre-nosotros {
    width: 100%;
    height: 100%;
    position: relative;
    background: url("../img/2intro-bgtt2.png?") center bottom no-repeat;
    background-size: cover;
    padding: 20px ;
    min-height:100vh ;
}
.services {
  width: 100%;
  position: relative;
  background: url("../img/2intro-bgtt.png?") center bottom no-repeat;
  background-size: cover;
  padding: 10px 0 200px;
 
}
#main{
min-height: 100vh;


background: #dce35b;  
background: -webkit-linear-gradient(to bottom, #dce35b, #45b649);  
background: linear-gradient(to bottom, #dce35b, #45b649);  

}



.effect-4 {
    padding: 10px;
    display: inline-block;
    overflow: hidden;
  }
  .effect-4:before, .effect-4:after {
    left: 0;
    width: 100%;
    height: 2px;
    background: #95D600;
  }
  .effect-4:before {
    bottom: 0;
    transform: translateX(-100%);
  }
  .effect-4:after {
    top: 0;
    transform: translateX(100%);
  }
  .effect-4:hover:before, .effect-4:hover:after {
    transform: translateX(0);
  }


  a {
    
    font-family: 'Segoe';
    text-color:#95D600;
    position: relative;
    color: inherit;
    text-decoration: none;
    line-height: 4px;
  }
  a:hover{
     
      color:#95D600;
  }
  a:before, a:after, a > span:before, a > span:after {
    content: '';
     
    text-color:#95D600;
    position: absolute;
    transition: transform .5s ease;
  }