#flex-container {
        border:0px solid red;
        max-width:90%;
        width:100%;
        display:flex;
        flex-direction:column;
        font-size:0.8rem;
        padding:20px;
    }

    #top {
        border:0px solid red;
        margin-bottom:10px;
        display:flex;
        flex-direction:row;

    }
    #bottom {
        border:0px solid red;
        display:flex;
        flex-direction:column;
        padding:20px;
    }
    #autor-simbolo {
        border:3px dashed #46a9d5;
        background-image: url("/imagens/fundo2.png");
        align-content: center;
        height:350px;
            border-radius:30px;
        box-shadow: 0px 0px 5px #31b5eb;
        max-width:fit-content;
         padding-left:20px;
        padding-right:20px;
    }
    #informacoes {
        border:3px dashed #46a9d5;
        border-left: 3px solid #46a9d5;
        background-image: url("/imagens/fundo.png");
        border-top-left-radius:20px;
        border-bottom-left-radius:20px;
        overflow-x:hidden;
        overflow-y:scroll;
        text-align:left;
        padding:20px;
        margin-left:-15px;
        width:100%;
        height:310px;
    }

     a {
    color: white;
    padding:5px;
    transition: color .2s ease-in-out, box-shadow .2s ease-in-out;
    text-decoration:none;
    text-shadow: 0 0 10px #46a9d5;
    }

 a:hover {
    font-style:italic;
    transition: 0.20s;
    color: black;
    background-color: #46a9d5;
    border: 4px solid #0b6b96;
}


hr {
       border:1px solid #31b5eb;
       box-shadow: 0px 0px -5px #31b5eb;

}

 h3, h4, h2 {
    color:#eee;
    text-shadow: 0 0 10px #46a9d5;
     font-family: 'Audiowide';
  }

  p {
    font-size:1rem;
    font-family: 'Courier Prime';
    color: #eee;
    text-shadow: 0 0 10px #46a9d5;
  }

   body {
        background-color: #161925;
    }

    #texto-maior {
        padding:15px;
         border:3px solid #46a9d5;
         box-shadow: 0px 0px 5px #31b5eb;
        background-image:url("/imagens/fundo.png");
        text-align:left;
    }

    #simbolo:hover {
       animation: pulse-glow 1.5s infinite alternate;

    }
   @keyframes pulse-glow {
      from {
        filter: drop-shadow(0 0 5px #31b5eb);
    }
    to {
        filter: drop-shadow(0 0 10px #31b5eb); 
    }
}