@import "compass/css3";

@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}


.conteudo {
    margin: 50px auto;  
    border: 8px solid;
    border-bottom:linear-gradient(to bottom, rgb(255, 255, 255), rgb(86, 86, 173));
    padding:60px 50px 50px 70px;
    width:550px;
    text-align: justify;
    background: white;
    

}

.logo {
    margin:auto;
    display: block;
}

body {
        font:100%/1.3 "Palatino Linotype", Georgia, serif;
        padding:50px;
        background:#EEE;  
        
      }

      /* div {
        background: white;
        padding:60px 50px 50px 70px;
        width:550px;
        text-align: justify;
        box-shadow: rgba(0,0,0,0.3) 2px 2px 10px;
        border: 8px solid;
        border:linear-gradient(to bottom, rgb(241, 164, 177), rgb(86, 86, 173)); */
      

      h1, h2, h3, h4, h5, h6 {
        font-family: "Trajan Pro";
        text-align: center;
        padding: 10%;
        color: black;
      }

      h2 {
        display:inline-block;
        margin-bottom:0;
        padding-bottom: 0;
        line-height: 1;
        padding-top: 0.5em;
        /* border-top:1px dotted #333; */
      }
        
      p {
        text-indent: 3em;
      }

      p.autor {
        font-family: 'Great Vibes', cursive;
        text-align: center;
        margin-top: 0;
        font-size: 150%;
        text-indent: 0;
      }

      p.capitular {
        text-indent: 0;
        padding-left:5em;
      }

      p.capitular:first-letter {
        font-size: 5em;
        float:left;
        line-height: 0.8;
        margin-left:-1em;
      }

      p + h2, p + h3, p + h4, p + h5, p + h6 {
        margin-top:1em;
      }

      h2 + p {
        display: inline;
      }

      blockquote {
        padding:10px;
        font-size: 1.3em;
      }

      blockquote:before {
        content:open-quote;
        font-size: 2em;
      }
      blockquote:after {
        content: close-quote;
      }

      blockquote.dir {
        float:right;
        width:33%;
        margin:10px;
        text-align: left;
        font-weight: bold;
        font-style: italic;
        /* border-left: 1px dotted #333; */
      }
      .button {
        display: inline-block;
        text-decoration: none;
        color: rgb(255, 255, 255);
        padding: 5px;
        margin: 0.5%;
        width: 90%;
        border-radius: 6px;
        position: relative;
        overflow: hidden;
    }
        .button::before{
            content: '';
            position: absolute;
            width: 200%;
            height: 100%;

            background:
            linear-gradient(115deg,
            #4fcf70, #fad648,
            #a767e5, #12bcfe,
            #44ce7b);
            background-size: 50% 100%;
            border-radius: inherit;
        }
            .button:hover::before{
                animation: animate_border
                .75s linear infinite;
            }

                .button span{
                    display: block;
                    text-align: center;
                    font-size: 25px;
                    background-color: rgba(0, 0, 0, 0.797);
                    padding: 13px 30px;
                    border-radius: 3px;
                    position: relative;
                    z-index: 2;
                }