.gradient-animation{background:linear-gradient(270deg,#ef4224,#c5523e,#a75a4d,#7b544e,#5c4946,#3e3736,#212020,#000);background-size:1600% 1600%;-webkit-animation:AnimationName 11s ease infinite;-moz-animation:AnimationName 11s ease infinite;animation:AnimationName 11s ease infinite}@-webkit-keyframes AnimationName{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-moz-keyframes AnimationName{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes AnimationName{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.hero{display:flex}@media(max-width:700px){.mobile-column{flex-direction:column}.mobile-column a{margin-bottom:8px;margin-left:0!important}}:root{--baseColor: #e64b3b}.hiragana-card{position:relative;background-color:var(--baseColor);border-radius:12px;padding:16px;margin:4px 4px 24px;color:#fff;font-size:26px}.hiragana-card a:hover{font-weight:700;cursor:pointer}.hiragana-column .fa-volume-up{position:absolute;top:8px;right:4px;font-size:8px;color:#fff}.hiragana-column .fa-pencil-alt{position:absolute;bottom:-24px;left:0;font-size:12px;color:#fff;background-color:#000;padding:4px 22px;border-radius:12px}.fa-pencil-alt:hover{background-color:#1d1c1c}.hiragana-stroke{height:350px;background-color:#e64b3b;border-radius:12px;margin:12px 0}@media(min-width:960px){.column-grid{display:flex}}@media(max-width:900px){.hiragana-stroke{height:250px}}@media(max-width:960px){.column-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;margin:0 auto}.hiragana-column{margin-bottom:30px}}@media(max-width:790px){.column-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;margin:0 auto}.hiragana-column{margin-bottom:30px}}@media(max-width:590px){.column-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;margin:0 auto}.hiragana-column{margin-bottom:30px}}#kana-toggle{border-radius:4px;background-color:var(--baseColor);color:#fff;height:40px;align-self:center}#nagoya{font-size:70px}.relative-photo{position:relative;text-align:center}.relative-photo div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:90px;color:#fff;font-weight:bolder;text-transform:uppercase}.relative-photo img{width:500px}@media(max-width:1050px){.contact-box{flex-direction:column}.relative-photo img{width:100%}.relative-photo div{font-size:450%}#nagoya{font-size:330%}}.bckg-img{position:relative}.text-overlay-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:65px;text-shadow:2px 2px 4px rgb(40 40 40/70%)}.mar-b{margin-bottom:2rem}@media(max-width:1200px){.column-redirect-2-2{flex-direction:column}}@media(max-width:740px){.column-redirect-1{flex-direction:column}.mar-b{margin-bottom:0}}.active-process{box-shadow:0 0 50px rgb(239 66 36/70%);border:3px solid rgb(239 66 36/80%)}.inactive-process img{filter:grayscale(100%)}.inactive-process p,.inactive-process h5{color:rgba(70,70,70,.3)}@media(max-width:770px){.resp-col-center{flex-direction:column;align-items:center}.card{margin-top:24px}}.text-shadow{text-shadow:1px 1px 2px rgba(0,0,0,.3)}button#gana-kana,button#invert,button#skill,button#game-type{font-size:15px;font-family:josefin sans,sans-serif;height:30px;width:120px;line-height:30px;background:#f8f8f8;border-radius:4px;outline:none;border-top:1px solid #eee;border-right:1px solid #aaa;border-bottom:1px solid #aaa;border-left:1px solid #eee}#gana-kana{margin:18px 0 6px 25px}#invert{margin:6px 0 18px 25px}#skill{margin:18px 0 6px 14px}#game-type{margin:6px 0 18px 14px}#reset{display:flex;align-items:center;justify-content:center;font-size:20px;width:120px;height:54.3px;line-height:20px;margin:18px 0 0 2px}#auto{margin-top:4px}#auto-on,#auto-off{display:flex;justify-content:center;align-items:center;padding:0;float:left;font-size:9px;line-height:0;width:33px;height:15px;margin:3px 2px 0 4px;padding-top:2px}#auto-off{margin:3px 0 0 2px}#inner{width:450px;border-radius:12px;border:1px solid #1a1a1a;overflow:hidden;-webkit-box-shadow:2px 4px 16px rgba(10,10,10,.6);-moz-box-shadow:2px 4px 16px rgba(10,10,10,.6);box-shadow:2px 4px 16px rgba(10,10,10,.6)}#title{font-size:32px;text-align:center;width:100%;line-height:30px;background:#e64b3b;color:#f8f8f8;text-shadow:1px 1px 2px #2b2b2b}#credits,#version{position:absolute;top:49px;left:329px;font-size:11px;color:#e64b3b}#version{top:59px;left:387px}#answer{font-size:56px;text-align:center;line-height:80px;border-top:1px solid #1a1a1a}#feedback{font-size:21px;text-align:center;line-height:21px;height:50px;border-top:1px solid #1a1a1a;background:#2b2b2b;color:#fff;padding:14px 0;-webkit-transition:background .125s,transform .25s;-moz-transition:background .125s,transform .25s;-o-transition:background .125s,transform .25s;transition:background .125s,transform .25s}#cards{height:325px;position:relative;border-top:1px solid #1a1a1a;background:#e64b3b}#options{height:111px;border-top:1px solid #1a1a1a;background:#2b2b2b}#options>div{float:left;width:150px}#title,#answer,#cards{padding:21px 0}#auto-text{font-size:15px;line-height:21px;float:left;margin-left:2px;height:18px;color:#fbfbfb;background:#2b2b2b}#colon{font-size:23px}.inactive{background:#eee!important;border-top:1px solid #eee!important;border-right:1px solid #333!important;border-bottom:1px solid #333!important;border-left:1px solid #eee!important}.light-on{-webkit-box-shadow:rgba(238,0,0,.25) 0 0 4px;-moz-box-shadow:rgba(238,0,0,.25) 0 0 4px;box-shadow:rgba(238,0,0,.25) 0 0 4px}#auto-off.active-auto{color:#fbfbfb;background:#e64b3b;border-top:1px solid #a50000;border-right:1px solid #790000;border-bottom:1px solid #790000;border-left:1px solid #a50000;-webkit-box-shadow:inset 0 1px 2px #980000;-moz-box-shadow:inset 0 1px 2px #980000;box-shadow:inset 0 1px 2px #980000}#auto-on.active-auto{color:#fbfbfb;background:#4caf50;border-top:1px solid #6ccf70;border-right:1px solid #2b862e;border-bottom:1px solid #2b862e;border-left:1px solid #6ccf70;-webkit-box-shadow:inset 0 1px 2px #2b862e;-moz-box-shadow:inset 0 1px 2px #2b862e;box-shadow:inset 0 1px 2px #2b862e}.inactive-auto{color:#999;background:#ddd;border-top:1px solid #eee;border-right:1px solid #333;border-bottom:1px solid #333}.card-quiz{float:left;font-size:34px;line-height:120px;text-align:center;height:120px;width:120px;border:1px solid #2b2b2b;border-radius:4px;cursor:pointer;background:#fbfbfb;-webkit-box-shadow:2px 2px 4px rgba(10,10,10,.3),-2px -2px 4px rgba(10,10,10,.3);-moz-box-shadow:2px 2px 4px rgba(10,10,10,.3),-2px -2px 4px rgba(10,10,10,.3);box-shadow:2px 2px 4px rgba(10,10,10,.3),-2px -2px 4px rgba(10,10,10,.3);-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.card-quiz:nth-of-type(1),.card-quiz:nth-of-type(4){margin:9px 8px 9px 24px}.card-quiz:nth-of-type(2),.card-quiz:nth-of-type(5){margin:9px 8px}.card-quiz:nth-of-type(3),.card-quiz:nth-of-type(6){margin:9px 24px 9px 8px}.wrong-answer{background:#c50;border-top:1px solid #790000;border-right:1px solid #da0000;border-bottom:1px solid #da0000;border-left:1px solid #790000;-webkit-box-shadow:inset 0 1px 2px #2b2b2b;-moz-box-shadow:inset 0 1px 2px #2b2b2b;box-shadow:inset 0 1px 2px #2b2b2b}.scored-mode{color:#eee;text-shadow:1px 1px 2px #2b2b2b;background:#e64b3b;border-top:1px solid #f55;border-right:1px solid #980000;border-bottom:1px solid #980000;border-left:1px solid #f55}.locked{border:1px solid #e64b3b;background-image:-webkit-repeating-linear-gradient( 135deg,rgba(0,0,0,0.4),rgba(0,0,0,0.3) 1px,transparent 1px,transparent 2px,rgba(0,0,0,0.3) 5px );background-image:-moz-repeating-linear-gradient( 135deg,rgba(0,0,0,0.4),rgba(0,0,0,0.3) 1px,transparent 1px,transparent 2px,rgba(0,0,0,0.3) 5px );background-image:-o-repeating-linear-gradient( 135deg,rgba(0,0,0,0.4),rgba(0,0,0,0.3) 1px,transparent 1px,transparent 2px,rgba(0,0,0,0.3) 5px );background-image:repeating-linear-gradient( 135deg,rgba(0,0,0,0.4),rgba(0,0,0,0.3) 1px,transparent 1px,transparent 2px,rgba(0,0,0,0.3) 5px );-webkit-background-size:3px 3px;-moz-background-size:3px 3px;background-size:3px 3px}.gameover-feedback{background:#388e3c!important}.gameover-button{background:#41a3e4!important;border-top:1px solid #c2e2f8!important;border-right:1px solid #034774!important;border-bottom:1px solid #034774!important;border-left:1px solid #c2e2f8!important;color:#fff;-webkit-transition:background 1s,color .5s;-moz-transition:background 1s,color .5s;-o-transition:background 1s,color .5s;transition:background 1s,color .5s}.expand{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.contract{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in}@media all and (max-width:576px),all and (max-height:679.4px){.quiz-button{width:86px;font-size:12px;padding:0}#gana-kana{margin:13px 0 4px 11px}#invert{margin:4px 0 13px 11px}#skill{margin:13px 0 4px 7px}#game-type{margin:4px 0 13px 7px}#reset{font-size:16px;width:86px;height:51.3px;line-height:16px;margin:13px 0 0 3px}#auto-on,#auto-off{font-size:9px;line-height:15px;width:25px;height:15px;margin:2px 1px 0 3px}#auto-off{margin:2px 0 0 1px}#inner{height:540px;width:300px}#title{font-size:22px;line-height:22px;width:100%}#credits{top:42px;left:218px;font-size:8px}#version{top:50px;left:260px;font-size:8px}#answer{font-size:50px;line-height:64px}#feedback{font-size:15px;line-height:0;height:30px;padding:12px 0}#cards{height:250px}#options{height:96px}#options>div{float:left;width:100px}#title,#answer,#cards{padding:20px 0}#auto-text{font-size:10px;line-height:21px;margin-left:3px;height:17px}#colon{font-size:15px}.card-quiz{font-size:28px;line-height:86px;height:86px;width:86px}.card-quiz:nth-of-type(1),.card-quiz:nth-of-type(4){margin:4px 4px 4px 10px}.card-quiz:nth-of-type(2),.card-quiz:nth-of-type(5){margin:4px}.card-quiz:nth-of-type(3),.card-quiz:nth-of-type(6){margin:4px 10px 4px 4px}}.textshadow{text-shadow:2px 2px 4px rgb(40 40 40/70%)}