.black-background{
  background-color:#000;
}

.logo {
    width:100px;
}

.font-swiper{
    font-family: 'Audiowide', cursive;
    font-size:8vw;
    font-weight:bold;
}

.font-slider{
    font-family: 'Raleway', sans-serif;
    font-size:20px;
    color:#000;
    text-decoration: none;

}

.font-slidersanwise{
    font-family: 'Raleway', sans-serif;
    font-size:20px;
    color:#000;
    text-decoration: none;

}

.font-slidersanwise:hover{
  text-decoration: none;
  color:blue;

}

.font-slider:hover{
  text-decoration: none;

}

.font-color-slide1{
  color:#5e6fff;
  font-family: 'Raleway', sans-serif;
  font-weight:bold;
}


.font-color-slide2{
    color:#fffa5e;
    font-family: 'Raleway', sans-serif;
    font-weight:bold;
  }

  .font-color-slide3{
    color:#ff6d5e;
    font-family: 'Raleway', sans-serif;
    font-weight:bold;
  }

  .nav-link{
    text-decoration: none;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400;
    font-size: 17px !important;
    color:#ecf0f1 !important;
    text-shadow: 0.5px 0px 0px transparent;

  }

  .nav-linksanwise{
    text-decoration: none;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400;
    font-size: 17px !important;
    color:#000  !important;
    text-shadow: 0.5px 0px 0px transparent;

  }

  .footertextoffcanvas{
    font-size:10px;
    margin-top:30px;
    color:#000;
  }

  .uk-offcanvas-bar{
    background-color: #5e6fff;
    border:#000 1.5px solid;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }

  .contact-btn-nav{
    font-family: 'Raleway', sans-serif;
    color:#000 !important;
    
  }

  .contact-btn-nav:hover{
    color:blue;
  }


  a.uk-text-capitalize.nav-link:hover{
    color:blue !important;
  }

  a.uk-text-capitalize.nav-linksanwise:hover{
    color:blue !important;
  }

  a.uk-text-capitalize.nav-linksanwise{
    color:#000 !important;
  }

  .titleh1{
    font-family: 'Audiowide', cursive;
    font-weight:700; 
    font-size:40px;
    padding-right:35px; 
    padding-left:60px; 
    margin-left:auto; 
    margin-right:auto; 
    color: #000; 
    
  }

  .titlecard{
    font-family: 'Raleway', sans-serif;
    font-weight:700; 
    font-size:20px;
    margin-left:auto; 
    margin-right:auto; 
  }

  .titlecardsanwise{
    font-family: 'Raleway', sans-serif;
    font-weight:700; 
    font-size:20px;
    margin-left:auto; 
    margin-right:auto;
    color:#000;
  }

  .iconoffcanvas{
    font-size:10px;
  }

  .logooffcanvas{
    width:80px;
  }


  .margins{
    margin-left:0px;
    margin-right:15px;
  }

  .card-bod{
    border: #000 1.5px solid;
    padding:30px;
    border-radius: 15px;
    text-decoration: none;
    
  }

  .card-bod1{
    border: #000 1.5px solid;
    padding:30px;
    border-radius: 15px;
    text-decoration: none;
  }

  .card-bod2{
    border: #000 1.5px solid;
    padding:30px;
    border-radius: 15px;
    text-decoration: none;
  }

  .card-bod:hover{
    background-color: #5e6fff;
    color:#ffffff;
    text-decoration: none;
  }

  .card-bod1:hover{
    background-color: #fffa5e;
    color:#ffffff;
    text-decoration: none;
  }

  .card-bod2:hover{
    background-color: #ff6d5e;
    color:#ffffff;
    text-decoration: none;
  }

  .card-bodhome{
    border: #000 1.5px solid;
    padding:30px;
    border-radius: 15px;
    text-decoration: none;
    background-color: #5e6fff;
  }

  .card-bod1home{
    border: #000 1.5px solid;
    padding:30px;
    border-radius: 15px;
    text-decoration: none;
    background-color:#fffa5e;
  }

  .card-bod2home{
    border: #000 1.5px solid;
    padding:30px;
    border-radius: 15px;
    text-decoration: none;
    background-color:#ff6d5e
  }

  .card-bodhome:hover{
    background-color:#66ff71;
    color:#ffffff;
    text-decoration: none;
  }

  .card-bod1home:hover{
    background-color: #66ff71;
    color:#ffffff;
    text-decoration: none;
  }

  .card-bod2home:hover{
    background-color:#5e6fff;
    color:#ffffff;
    text-decoration: none;
  }


  .texttitle1{
    font-family: 'Raleway', sans-serif;
    color:#000;
    font-weight:700;
  }

  .texttitle1sanwise{
    font-family: 'Raleway', sans-serif;
    color:#000;
    font-weight:700;
  }

  .texttitlesec{
    font-family: 'Raleway', sans-serif;
    color:#ffffff;
    font-weight:700;
    font-size: 5vw;

  }

  .texttitlesecgoogle{
    font-family: 'Raleway', sans-serif;
    color:#000;
    font-weight:600;
    font-size:38px;

  }

  .texttitlesecnocode{

    font-family: 'Raleway', sans-serif;
    color:#000;
    font-weight:700;
    font-size:6vw;
    width:70%;

  }

  .texttitlesecgoogle1{
    font-family: 'Raleway', sans-serif;
    color:#000;
    font-weight:800;
    font-size:6vw;

  }

  .texttitlesecgoogle2{
    font-family: 'Raleway', sans-serif;
    color:#000;
    font-weight:600;
    font-size:30px;
  }

  .texttitle2{
    font-family: 'Raleway', sans-serif;
    color:#ffffff;
    margin-left:30px;
  }

  .texttitlesanwise{
      font-family: 'Raleway', sans-serif;
      color:#000;
      margin-left:30px;
    
  }

  .worktitle{
    font-family: 'Raleway', sans-serif;
    color:#ffffff;
    font-size:30px;

  }

  .worktext{
    font-family: 'Raleway', sans-serif;
    font-size:16px;
    color:#ffffff;
  }

  .futuretitle{
    margin-left:auto; 
    margin-right:auto; 
    color: #ffffff; 
    font-family:'Audiowide', cursive; 
    font-weight:700; 
    font-size:40px;
  }

  .futuretext{
    color:#ffffff; 
    font-family: 'Raleway', sans-serif;
    font-weight:300; 
    font-size:30px;
  }

  .futuretextsanwise{
    color:#000; 
    font-family: 'Raleway', sans-serif;
    font-weight:300; 
    font-size:30px;
    width:90%;
  }

  .futuretextgoogle{
    color:#000; 
    font-family: 'Raleway', sans-serif;
    font-weight:300; 
    font-size:20px;
    width:100%;
  }

  .futuretextapp{
    color:#000; 
    font-family: 'Raleway', sans-serif;
    font-weight:300; 
    font-size:25px;
    width:60%;

  }

  .button-conocemas{
    background-color: blue;
    color:#ffffff;
    font-family: 'Raleway', sans-serif;
    font-size:10px; 
    border-radius: 5px;
  }


  .button-trabajo{
    background-color: blue;
    color:#ffffff;
    font-family: 'Raleway', sans-serif;
    font-size:10px; 
    border-radius: 5px;
    width:auto;

  }

  .button-app{

    background-color: blue;
    color:#ffffff;
    font-family: 'Raleway', sans-serif;
    font-size:12px; 
    border-radius: 5px;
    padding:5px;
    width:150px;

  }

  .button-form{
    background-color: blue;
    color:#ffffff;
    font-family: 'Raleway', sans-serif;
    font-size:10px; 
    border-radius: 5px;
  }

  .uk-button.button-form:hover{
      background-color:#ffffff;
      font-family: 'Raleway', sans-serif;
      font-size:10px; 
      border-radius: 5px;
      color:#000;
  }

  .form-title{
    margin-left:auto; 
    margin-right:auto; 
    color: #ffffff; 
    font-family:'Audiowide', cursive; 
    font-weight:700; 
    font-size:40px;
  }

  .texttitleform{
    color:#ffffff; 
    font-family: 'Raleway', sans-serif;

  }

  .button-home{
    background-color:#ffffff;
    border-radius: 10px;
    text-decoration: none;
    padding:10px;
  }

  .button-home:hover{
    background-color:#000;
    color:#ffffff;
    text-decoration: none;

  }

  .margintop{
    margin-top:180px;
    padding:0;
  }

  .footertext{
    font-family: 'Raleway', sans-serif;
      font-size:12px;
      color:#ffffff;
  }

  .footertextsanwise{
    font-family: 'Raleway', sans-serif;
      font-size:12px;
      color:#000;
  }

  .uk-navbar-container:not(.uk-navbar-transparent){
    background: #000;
    
    
  }

  .containers:not(.uk-navbar-transparent){
    background: #fffa5e;

  }

  .containeres:not(.uk-navbar-transparent){
    background: #ff6d5e;

  }

  .containeros:not(.uk-navbar-transparent){
    background: #66ff71;

  }

  .containera:not(.uk-navbar-transparent){
    background: #ffd67d;

  }

  .htmlsanwise{
    background-color:#fffa5e;
  }

  .htmlgoogle{
    background-color:#ff6d5e;
  }

  .htmldash{
    background-color: #66ff71;
  }

  .htmlapp{
    background-color:#ffd67d;
  }

  .spantext{
    font-family: 'Raleway', sans-serif;
      font-size:12px;
      color:#fffa5e;
  }

.appcontainer{
  
  margin-left:45px;
  margin-right:0px;
}

.white{
  color:#ffffff;
}

  @media screen and (min-width: 300px) {
    .margintop{
      margin-top:50px;
      padding:0;
    }

    .texttitlesanwise{
      margin-top:25px;
      font-family: 'Raleway', sans-serif;
      color:#000;
      font-size:20px;
    
  }

  .futuretextsanwise{
    font-size:18px;
    width:90%;

  }

  .futuretextapp{
    color:#000; 
    font-family: 'Raleway', sans-serif;
    font-weight:300; 
    font-size:20px;
    width:100%;

  }

  .futuretext{
    color:#ffffff; 
    font-family: 'Raleway', sans-serif;
    font-weight:300; 
    font-size:20px;
    width:100%;
  }

    .font-slider{
      width:100%;
      margin-top:0px;
      font-family: 'Raleway', sans-serif;
      font-size:12px;
      color:#ffffff;
      text-align:center;
      padding:0;
      background-color: #000;
  }

  .texttitle2{
    font-family: 'Raleway', sans-serif;
    color:#ffffff;
    margin-top:30px;
    margin-left:30px;
  }
  }

  @media screen and (min-width: 1000px) {
    
    .font-slider{
      margin-top:0px;
      width:100%;
      font-family: 'Raleway', sans-serif;
      font-size:20px;
      color:#ffffff;
      text-align:center;
      padding:0px;
  }

  .texttitlesanwise{
    font-family: 'Raleway', sans-serif;
    color:#000;
    margin-left:30px;
    font-size:30px;
  
}

.futuretextsanwise{
  font-size:25px;
  width:90%;
}

.futuretextapp{
  color:#000; 
  font-family: 'Raleway', sans-serif;
  font-weight:300; 
  font-size:25px;
  width:60%;

}

.futuretext{
  color:#ffffff; 
  font-family: 'Raleway', sans-serif;
  font-weight:300; 
  font-size:30px;
}
  }