@charset "utf-8";
body{
    font-family: serif;
}
h1{
    font-family: sans-serif;
}
.op0{
    opacity:0;
}
.question{
    padding-top: 75px;
}

@keyframes act20{
    from{left:85px;    top:100px;opacity:1}
    to{left:176px;      top:465px;opacity:1}
}
@keyframes act5{
    from{left:110px;    top:140px;opacity:1}
    to{left:208px;      top:423px;opacity:1}
}
@keyframes act25{
    from{opacity:0}
    to{opacity:1}
}
@keyframes actparen{
    from{opacity:0}
    to{opacity:1}
}
@keyframes actappear{
    from{opacity:0}
    to{opacity:1}
}
#paren{
    position: absolute;
    left:188px;
    top:444px;
}
#rederea{
    position: absolute;
    left:79px;
    top:316px;
}
#letter25{
    position: absolute;
    left:232px;
    top:465px;
}
#letter10{
    position: absolute;
    left:71px;
    top:465px;
}
#normdist0{
    position: absolute;
    left:0px;
    top:240px;

}
.appear20{
    position:absolute;
    animation-name: act20;
    animation-fill-mode: forwards;
    animation-duration: 3s;
}
.appear5{
    position:absolute;
    animation-name: act5;
    animation-fill-mode: forwards;
    animation-duration: 3s;
}
.appear25{
    position:absolute;
    animation-name: actappear;
    animation-fill-mode: forwards;
    animation-duration: 3s;
    animation-delay: 2s;
}
.appearparen{
    position:absolute;
    animation-name: actappear;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-delay: 2s;
}
.appearrederea{
    position:absolute;
    animation-name: actappear;
    animation-fill-mode: forwards;
    animation-duration: 3s;
}