.altura {
    
    height: 80px;
    background: rgba(0,0,0,0);
}

.altura2 {
    
    height: auto;
    
}

 #conteudo {

    background-image: url("../imgs/textura-de-papel.jpg");
    background-repeat: repeat;

 }

 #subir{
     
	position:fixed;
	bottom:0px;
	right:0px;
    color: #00bcd4; 
    font-family: serif;
    font-size: 1.7 em; 
    font-weight: 600; 
    margin-right: 1%;
    margin-bottom: 1%; 
     
    z-index:999; 
     
 }

.apres {
    margin-bottom: 0cm; line-height: 1.5; color: #FFFFFF;
    text-shadow: 2px 2px 0 #525c69, 2px -2px 0 #8a9098, -2px 2px 0 #444e5a, -2px -2px 0 #7e8690, 
    2px 0px 0 #4074b5, 0px 2px 0 #4074b5, -2px 0px 0 #4074b5, 0px -2px 0 #4074b5;
}


 i {

    vertical-align: middle
 } 

 p {
   margin-bottom: 0 }
 p + p {
   text-indent: 2.5em;
   margin-top: 0 }


 #apresentacao {

    border:1px solid #aaa7a7;
    border-radius: 6px;
    background: rgba(0,188,212,1); 

    padding: 30px;
    font-weight: 500;             
    line-height: 50px;            

   
     
 }    

 #apresentacao p {

   font-size: calc(.2em + .7vw);
   color: #00bcd4;     

 }    

 .titulos {

     border-top: 1px solid #b2afaf; border-bottom: 1px solid #b2afaf;
     background: rgba(0,0,0,0.1);

 }

 #volta_topo {

     color: blue;
     border: 2px solid white;
     border-radius: 50%;  
     padding: 10px;

    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
      box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);


  }

  #volta_topo:hover {

     color: yellow;

  }

  .modal-body {

      background-image: url('imgs/paper-texture.jpg');
      background-repeat: repeat;
      color: black;
      font-weight: 400;

  }

  #myModal {

      animation-duration: 2s;
      animation-name: livro;

  }

 #success {

      animation-duration: 6s;
      animation-name: livro;
      padding: 0 10px 0 10px;

  }

  .modal-header {

      background-image: url('imgs/topo-paper.jpg');
      background-repeat: repeat;

  }


  .card {
     
      text-align: justify;
      font-weight: 400;
  }


  .texto  {

      text-align: justify;
      font-weight: 600;
      border-bottom: 2px solid white;
      line-height: 16px;
      border-radius: 7px 7px 7px 7px;
      padding: 5px;
      color: white;
      text-shadow: #202122 1px 1px 0;
      margin-bottom: 20px;
      background: rgba(255,0,0,.1);

  }


  .texto_inferior {

      margin-top: -12px;
      line-height: 17px;
      padding: 0px 10px 10px 10px;

  }   

 .mais {

      font-weight: 600;
      font-size: 16px;

  }   
 


  a {
     color: white;        
     text-decoration: none;
     background-image: linear-gradient(currentColor, currentColor);
     background-position: 0% 100%;
     background-repeat: no-repeat;
     background-size: 0% 4px;
     transition: background-size cubic-bezier(0,.5,0,1) 0.3s;
  }



  a:hover,
  a:focus {
     color: white;        
     text-decoration: none;
     background-size: 100% 4px;
  }

  .avatar:hover,
  .avatar:focus {

      animation: explode 1s;

  }

  .card i{

      text-align: center;
      vertical-align: middle;
      color: #FFFFFF;
      text-shadow: #474747 3px 5px 2px;

  }

  #publicacoes .card:hover,
  .card:focus {

     padding: 3px;   
     font-size: 16px;  
     font-weight: 600;  
     background: rgba(255,0,0,.3); 

     color: #FFFFFF;
     background: #FFFFFF;
     text-shadow: 2px 2px 0 #4074b5, 2px -2px 0 #4074b5, -2px 2px 0 #4074b5, -2px -2px 0 #4074b5, 2px 0px 0 #4074b5, 0px 2px 0 #4074b5, -2px 0px 0 #4074b5, 0px -2px 0 #4074b5;  

     transition: 0.5s;            

  }

  #publicacoes {

      animation-duration: 2s;
      animation-name: slidein;

  }       


  #apresentacoes {

      animation-duration: 2s;
      animation-name: slidein;

  }       

  .rowsaaa {

      animation: animacaoUm 2s ease 0s;

  }       

  #login {

      animation: animacaoUm 1s ease 0s;

  }



  /* Animações */
  @keyframes explode {
     0% {
      transform: scaleX(1);      
     }
     100% {
      transform: scaleX(1.5);     
     }
    }


  @keyframes animacaoUm {

     from {
       width: 100px;
       opacity: 1;
     }

     to {
       width: 99%;
       opacity: 0;
     }

  }

  @keyframes livro {

     from {
       height: 1%;
       opacity: 0.3;     
     }

     to {
       height: 100%;
       opacity: 1;
     }

  }

 



  @keyframes slidein {

    from {
      margin-top: -150%;
      height: 300%;
    }

    to {
    margin-top: 0%;
    height: 100%;

    }

  }

  @keyframes fadein {

    from { opacity: 0; }
    to   { opacity: 1; }

  }

  @keyframes go-back {

    from {
      transform: translateY(100px);  
    }

    to {
      transform: translateY(0);      
    }

  }

  .pulse {
      animation: pulse 0.7s infinite;
      margin: 0 auto;
      display: table;
      animation-direction: alternate;
      -webkit-animation-name: pulse;
      animation-name: pulse;
    }

    @-webkit-keyframes pulse {
      0% {
        -webkit-transform: scale(1);
        -webkit-filter: brightness(100%);
      }
      100% {
        -webkit-transform: scale(1.1);
        -webkit-filter: brightness(200%);
      }
    }

    @keyframes pulse {
      0% {
        transform: scale(1);
        filter: brightness(100%);
      }
      100% {
        transform: scale(1.1);
        filter: brightness(200%);
      }
    }


} /* Fim CSS */