*{
    margin:0;
    padding:0;
    vertical-align:baseline;
}

[v-cloak] {
    display: none;
  }
  
body{
    
    color:#16a085;
    font-family: 'Microsoft yahei', 'sans-serif';
    
    font-weight:400;
}
#app{
    height:100vh;
    width:100vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

   

}
.quote-box{
    /* width:50vw;  */
    /* margin:25vh auto 0 auto;  */
    padding:50px;
    background-color:#fff;
    border-radius:5px;
    
}
.quote-box .quote-text span{
    font-size:20px;
}
.quote-from{
    padding-top:20px;
    text-align:right;
}
.buttons{
    text-align:right;
}
.button{
    border-radius:3px;
   
    color:#fff;
    outline:none;
    border:none;
    padding:5px 8px;
    cursor:pointer;
    margin-top:20px;
    
}
.button:hover{
    
        opacity:0.8;
      
}
.footer {
    
    text-align:center;
    
    
    font-size:0.8em;
    color:#fff;
}