/* This stylesheet is used for styling poem text */

@font-face{
    font-family:'JP Hand';
    src: url(/assets/jp_hand_slanted/JPHSL.TTF);
}
@font-face{
    font-family:'Journal';
    src:url(/assets/JOURNAL.TTF);
}

@keyframes fade-in{
    from{opacity:0;}
    to{opacity:1;}
}

body{
    background-color:black;
    color:#dedede;
}
@media (prefers-color-scheme: light){
    body{
        background-color:#dadada;
        color:black;
        a{color:purple;}
    }
}

@media screen and (max-width:800px){
    body{
        span p.freestyle{
            text-wrap-mode:wrap;
        }
        span p{
            margin-left:1.5rem;
            margin-right:1rem;
        }
        span p.hand{font-size:1.125rem;}
    }
}

p{
    font-family:'Times New Roman', Times, serif;
    font-size:1.2rem;
    text-align:left;
    line-height:1.5;
    margin-left:5.63rem;
}
p.freestyle{
    white-space:pre;
}

a{
    color:plum;
    font-family:times new Georgia, 'Times New Roman', Times, serif;
    font-size:1.2rem;
}

h1{
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size:1.2rem;
    text-align:center;
    margin-bottom:1.25rem;
    font-style:bold;
}

span{
    animation:fade-in;
    animation-duration:0.5s;
}

span.default p{
    font-size:1.2rem;
    line-height:1.5;
    font-family:'Times New Roman', Times, serif;
}
span.default h1{
    font-size:1.2rem;
    font-family:Georgia, 'Times New Roman', Times, serif;
}
span.hand p{
    font-size:2rem;
    font-family:'JP Hand';
    line-height:1.15;
    animation:fade-in;
    animation-duration:0.5s;
}
span.hand h1{
    font-size:2rem;
    font-family:'JP Hand';
    animation:fade-in;
    animation-duration:0.5s;
}

audio{display:none;}