body{
    font-family: Helvetica, Arial, 'Hiragino Kaku Gothic Pro', 'WenQuanYi Zen Hei', '微軟正黑體', '蘋果儷中黑', sans-serif;
    background-color: rgb(250,250,250);
    color:rgb(50,50,50);
}
a{
    color:black;
    font-style: italic;
}

#main{
    width: 600px;
    height: 600px;
    background-color: white;
    border: 2px solid black;
    /*box-shadow: 2px 2px 2px rgba(0,0,0,0.1);*/
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom:20px;
}

#fnote{
    width: 600px;
    height: 60px;
    /*background-color: whitesmoke;*/
    /*border: 2px solid black;*/
    /*box-shadow: 2px 2px 2px rgba(0,0,0,0.1);*/
    border-radius: 2px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom:20px;
    /*padding: 20px;*/
    font-size: 20px;
}
#char{
    font-size: 32px;
}
#defn{
    /*font-style: italic;*/
}
#rrpl-code{
    font-family: monospace;
    font-size: 13px;
    color: grey;
}

@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}

line{
    animation-name: fadein;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}