/* ----------------------------------------------
 * Generated by Animista on 2023-6-29 12:53:27
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
 @import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Zilla+Slab&display=swap');

 @-webkit-keyframes tracking-in-contract {
    0% {
      letter-spacing: 1em;
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      letter-spacing: normal;
      opacity: 1;
    }
  }
  @keyframes tracking-in-contract {
    0% {
      letter-spacing: 1em;
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      letter-spacing: normal;
      opacity: 1;
    }
}
#navbarNavDropdown a,
#parceiros h1 {
  color: #fff;
}
#navbarNavDropdown a:hover {
  color: #7b93cf;
}
#main {
    
}
#estagioHeader {
    height: 40vh;
    background-color: #687478;
}
.letters{
    font-family: 'Nothing You Could Do', cursive;
    padding-top: 10vh;
}  
.tracking-in-contract {
	-webkit-animation: tracking-in-contract 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    font-size: 5rem;
        
}
.gradiente {
    background-image: linear-gradient(
      to bottom,
      #687478,
      #808d92,
      #99a7ad,
      #b3c1c9,
      #cedce6
    ); 
    height: 130vh;
}
.descricaointegrador{
    width:80vw;
    margin-top: 15vh;
    margin-bottom: 15vh;
}
.descricaointegrador p{
    font-family: 'Zilla Slab', serif;
    font-size: 1.6rem;
    text-align: justify;
    weight:100;

}
#linkintegrador{
    text-decoration: none;
    color: #fff;
}
#linkintegrador:hover{
    background: -webkit-linear-gradient(45deg, #09009f, #00ff95 60% );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.buttom{
    margin-left: auto;
    margin-right: auto;
    height: 10vh;
    width: 40vw;
    background: -webkit-linear-gradient(45deg, #09009f, #00ff95 70% );
    font-size: 1.6rem;

}
.buttom a{
    text-decoration: none;
    color: #fff;
}

@media (max-width: 870px){

  .tracking-in-contract {
    font-size: 3.5rem;
  }
  .descricaointegrador p{
    font-size: 1.5rem;
  }
  .gradiente { 
  height: 190vh;
  }
  .buttom{
    font-size: 1.4rem;
  }
}
@media (max-width: 768px){
  .tracking-in-contract {
    font-size: 3.0rem;
  }
  .descricaointegrador p{
    font-size: 1.2rem;
  }
  .gradiente { 
  height: 160vh;
  }
  .buttom{
    font-size: 1.2rem;
  }
}
@media (max-width: 530px){
  .tracking-in-contract {
    font-size: 2.3rem;
  }
  .gradiente { 
    height: 180vh;
  }
}
@media (max-width: 425px){
  .gradiente { 
    height: 210vh;
  }
}
@media (max-width: 375px){
  .gradiente { 
    height: 230vh;
  }
  .buttom{
    width: 60vw;
  }
}
@media (max-width: 320px){
  .gradiente { 
    height: 260vh;
  }

}
  


