body,html,li,ul{margin:0;padding:0}body{background:#fcd424;font:normal 16px/24px Helvetica Neue,Helvetica,Arial,freesans,sans-serif}button,code,input{display:inline-block;outline:none;font:inherit;border:none;background:#fde991;padding:0}button{color:#c7433e;cursor:pointer}input{width:50px}@media (orientation:portrait){#viewport{height:80vw;width:80vw}}@media (orientation:landscape){#viewport{height:80vh;width:80vh}}#viewport{background:#c7433e;border:10px solid #ed5d52;margin:100px auto 0;position:relative;overflow:hidden}#viewport .stack{background:#ed5d52;top:50%;left:50%;margin-left:-100px;margin-top:-150px;border-radius:10px}#viewport .card,#viewport .stack{width:200px;height:300px;position:absolute}#viewport .card{list-style:none;background:#ede7b1;border-radius:5px;top:0;left:0;box-shadow:0 0 2px rgba(0,0,0,.2),1px 1px 1px rgba(0,0,0,.2);text-align:center;border:10px solid #e2dca9;box-sizing:border-box;cursor:default;font-size:21px;display:flex;justify-content:center;align-items:center}#viewport .card .back{padding-top:10px;line-height:30px;font-size:3vw}.hiragana,.kanji,.romaji{padding-top:20px}/ #viewport .in-deck:nth-child(3){top:2px;-webkit-transform:translate(2px,2px) rotate(.4deg);transform:translate(2px,2px) rotate(.4deg)}#viewport .in-deck:nth-child(2){top:4px;-webkit-transform:translate(-4px,-2px) rotate(-1deg);transform:translate(-4px,-2px) rotate(-1deg)}.control{text-align:center;font-size:0;margin:20px}.control button{background:#fff;color:#373737;font-weight:700;border:none;font:normal 18px/24px Helvetica Neue,Helvetica,Arial,freesans,sans-serif;margin:0 5px;padding:10px 15px;cursor:pointer;box-shadow:0 2px 0 #63211f;outline:none;position:relative}.control button:active{background:#63211f;color:#fff;bottom:-2px;box-shadow:none}.source{width:500px;margin:20px auto}.source a{color:#c7433e}
/*# sourceMappingURL=main.d5e86339.chunk.css.map */