@charset "UTF-8";
/* CSS Document */

.texto{

font-family: bahnschrift;
font-size: 6vw;
margin-left: 5%;
margin-right: 5%;
}

.texto_form{
font-family: bahnschrift;
font-size: 2vw;
margin-left: 5%;
margin-right: 5%;

}

.div_container{


}

.div_cada_especie{


}

.classe_conjunto_projeto{


}

.texto_projetos{


}

.sombra{

box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 10px;
}


.container {
  height: 150px;
 width: 150px;
  border-radius: 8px;
  background-color: yellowgreen;
  margin: 2px;
 
  
}

.bloco_projeto{
    width: 900px;
    height: auto;
    border-radius: 8px;
    border: solid;
    border-color: lightgray;
    border-width: thin;
    border-style: solid;
    margin: 5px;
    display:inline-flex;
    flex-wrap: wrap;

}

.break {
  flex-basis: 100%;
  height: 0;
}


.vertical-center {
  margin: 0;
  width: 100%;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.texto-sem-margem{

font-family: bahnschrift;
font-weight: 500;
font-size: 24;
cursor: pointer;

}


.texto_light{
    margin-left: 5%;
    margin-right: 5%;
    font-family: bahnschrift;
    font-weight: 100;
    font-size: 4vw;
    margin-top: -20px;
    margin-bottom: -10px;
}

.texto_form_light{
    margin-left: 5%;
    margin-right: 5%;
    font-family: bahnschrift;
    font-weight: 100;
    font-size: 1.5vw;
    
}


.texto_descricao{
margin-left: 5%;
margin-right: 5%;
font-family: bahnschrift;
font-weight: 200;
font-size: 5vw;

}

.imagem{

width: 90%;
margin-left: 5%;

 border-radius: 10px;
  display: inline-block;
box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 10px;
        
}


.classe_imagem_principal{

width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;


 border-radius: 10px;
  display: inline-block;

        

border: none;

}


.classe_video{

width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;


 border-radius: 10px;
  display: inline-block;

        

border: none;

}



.classe_audio{


}


.box{
  display: flex;
  flex-direction: column;
  place-content: center;
  align-items: center;
}

input [type=text]{
  margin-bottom: 1rem;
 
  
}

.images{
  display: flex;
  flex-direction: row;
}




.custom-file-upload {
 
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  width: 90%;
  height: auto;
  
  font-family: bahnschrift;
  
font-weight: 200;
font-size: 4vw;
  

border: none}



.div_imagem_menor{

width: 48%;
margin-bottom: 5%;
display: inline-block;
border-radius: 50%;
  overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 10px;

}

.background_aves{

background-image: linear-gradient(to bottom, #bcc63f, #005aa6);
}


.background_anfibios{

background-image: linear-gradient(to bottom, #f58d26, #b4221a);
}


.background_repteis{

background-image: linear-gradient(to bottom, #65b845, #c1272d);
}


.background_mamiferos{

background-image: linear-gradient(to bottom, #c1272d, #736357);
}

.background_peixes{

background-image: linear-gradient(to bottom, #29abe2, #2b4872);
}



.imagem_menor{

width: 100%;
border-radius: 50%;
object-fit: cover;
display: block;
height: auto;
        
}

.espaco{
width: 100%;
height: 30px;
}

.div_90{

width: 100%;
height: auto;

}

 #containerTrabalho{
	width:100%;
	height:100%;
	position: fixed;
	
z-index:903;
vertical-align:middle;

top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);


}

.trabalho{
	width:100%;
	height:80%;
	
	background: transparent no-repeat center;
  background-size: contain;
  
	background-color:rgba(0,0,0,0.7);
	text-align:left;
	animation-name: fade;
	animation: fade;
  animation-duration: .3s;
	animation-timing-function:ease-in;	
	
}


.trabalho > img{
	vertical-align:middle;

    
    height: 100%;
	width: auto;
	
	position:relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius:8px;
	
	
}

input[type="submit"], input[type="button"], input[type="file"]{
font-family: bahnschrift;
font-size: 4vw;
height: 40px;

}