@font-face{font-family:noto;src:url(/static/media/NotoSansJP-Regular.b5f8ef0c.otf)}@font-face{font-family:lobster;src:url(/static/media/Lobster-Regular.9406d0ab.ttf)}body{font-family:noto,sans-serif;margin:0;color:#333}header{height:44px;background-color:#333;color:#eee;font-size:22px;text-align:center;display:flex;justify-content:center;align-items:center}header a{color:#eee;font-family:"Lobster",cursive;text-decoration:none}main{max-width:350px;margin-left:auto;margin-right:auto;padding-left:5px;padding-right:5px;min-height:100%;margin-top:10px}h1{font-size:18px;margin:10px}.deck-link{display:block;background-color:#f0f0f0;margin-top:5px;margin-bottom:16px;padding:16px}.deck-link:link,.deck-link:visited{color:#333;text-decoration:none}.done{text-align:center;margin-top:32px;margin-bottom:32px}.removed{transform:translateY(-200px);transition:.2s;opacity:0}.back-into-deck{transform:translateY(200px);transition:.2s;opacity:0}.card{background-color:transparent;height:200px;perspective:1000px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .5s;transform-style:preserve-3d;box-shadow:0 0 8px 0 rgba(0,0,0,.2);-webkit-animation:fadein .2s;animation:fadein .2s}@-webkit-keyframes fadein{0%{transform:translateY(200px)}to{transform:translate(0)}}@keyframes fadein{0%{transform:translateY(200px)}to{transform:translate(0)}}.card-inner p{margin:5px}.card-inner hr{border:.5px solid #ddd}.show-back .card-inner{transform:rotateX(180deg)}.back,.front{background-color:#fafafa;display:flex;align-items:center;align-content:center;text-align:center;justify-content:center;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.back{transform:rotateX(180deg)}button{background-color:#f0f0f0;border:none;color:#333;padding:8px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer}.d-1{height:5px;background:#f0f0f0;border-radius:25px;padding:0;box-shadow:none}.d-1>div{background-color:#00f;height:100%;transition:width .2s}.btn-green{color:green}.btn-red{color:red}.hidden{visibility:hidden}.menu-btn{color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.2);border-radius:50%;width:50px;height:50px;position:fixed;left:calc(50% + 120px);bottom:20px}@media (max-width:360px){.menu-btn{margin-left:0;right:20px}}.menu-btn.open{background-color:#00f}.menu-btn.close{background-color:red}.hide{display:none}.new-round-menu{margin-bottom:16px}form>div{margin-top:8px;margin-bottom:8px}.deck{display:grid;grid-gap:10px;grid-template-columns:repeat(2,[col] 1fr);grid-template-rows:repeat(3,[row] auto)}.d-1{grid-row:row}.d-1,.d-2{grid-column:col/span 2}.d-2{grid-row:row 2}.d-3-1{grid-column:col/span 1}.d-3-1,.d-3-2{grid-row:row 3}.d-3-2{grid-column:col 2/span 1}