@import url('imagens.css');
@import url('text.css');
@import url('buttons.css');

*{
    margin: 0;
    padding: 0;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
}

body{
    background-color: black;
}

footer{
    margin-top: 50px;
}
.contanier{
    display: flex;
    flex-flow: wrap;
    align-content: center;
    justify-content: center;
  
}

.container-text{
    text-align: center;
}

.container-text h1{
    text-align: center;
}

.box-gray{
    padding: 20px;
    margin: 30px;
    width: 250px;   
    background-color: rgb(34, 34, 34);
    text-align: center;
    border-radius: 20px;
 }




 .box-gray:hover{
    border: skyblue 2px solid;
    box-shadow: 0px 0px 20px skyblue;
 }

.animationFadeIn{
    animation: fadeIn 4s;
}

@keyframes fadeIn{
    0% {opacity:0}
    100% {opacity:1}
}

.div-top{
    height: 530px;
}


.reaveal-1, .reaveal-2, .reaveal-3 {
    visibility: hidden;
}