body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e1e1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#242526;--bg-accent:#484a4d;--text-color:#dadce1;--nav-size:60px;--border:1px solid #474a4d;--border-radius:8px;--speed:500ms}.navbar{background-color:#242526;background-color:var(--bg);border-bottom:1px solid #474a4d;border-bottom:var(--border);height:60px;height:var(--nav-size);padding:0 1rem}.navbar-nav{display:flex;height:100%;justify-content:flex-end;max-width:100%}ul{list-style:none;margin:0;padding:0}a{color:#dadce1;color:var(--text-color);text-decoration:none}.nav-item{align-items:center;display:flex;justify-content:center;width:48px;width:calc(var(--nav-size)*.8)}.App{background-color:#1e1e1e;height:100dvi;overflow:auto;text-align:left}.App:after,.App:before{background-color:#bdbbbb;content:"";position:fixed}.App:before{height:3%;left:0;top:50%;width:100%}.App:after{height:100%;left:30%;top:0;width:3%}.App-header,.Character-list,.Input-character{position:relative;z-index:1}.App-header{-webkit-text-fill-color:#fff;-webkit-text-stroke:.5px;align-items:flex-start;align-self:flex-start;color:10E1E;display:flex;flex-direction:column;flex-wrap:wrap;font-family:Koulan,sans-serif;font-size:calc(5px + 2vmin);justify-content:center;letter-spacing:10px;margin-left:5%;min-height:25%;padding-top:2%;position:relative}.Input-character{color:#fff;padding-left:10%}@font-face{font-family:Koulan;src:url(/static/media/koulan.e23002c698c2632e9437.ttf) format("truetype")}@font-face{font-family:jetbrainsmono;src:url(/static/media/jetbrainsmono.d08f929cab66fc19b568.ttf) format("truetype")}h1,h2,h4{line-height:.7}h4{font-size:calc(4px + 2vmin)}.dropdown{margin:100px auto;padding-left:2%;padding-right:2%;position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:2}.dropdown .dropdown-button{align-content:center;align-items:center;background:#fff;box-shadow:3px 3px 10px 6px #0000000f;cursor:pointer;display:flex;font-family:Koulan,sans-serif;font-size:calc(5px + 1.5vmin);font-weight:700;justify-content:space-between;padding:15px 20px;text-align:center}.dropdown .dropdown-content{color:#333;font-family:Koulan,sans-serif;font-weight:500;left:6%;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:88%}.dropdown .dropdown-content .dropdown-item{background:#fcfcfc;cursor:pointer;font-family:Koulan,sans-serif;transition:all .2s}.dropdown-content{z-index:3}.dropdown-item{z-index:4}.dropdown .dropdown-content .dropdown-item:hover{background:#f4f4f4}.dropdownContainer{align-items:center;bottom:70px;display:flex;flex-wrap:nowrap;height:100vh;justify-content:space-around;padding:10px;position:relative;width:100%}.dropdown-button{text-align:center}@media (max-width:768px){.dropdownContainer{align-items:start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;margin-top:5%;padding:0 10px;position:relative}.dropdownContainer,.dropdownContainer>div{height:-webkit-fit-content;height:fit-content;width:100%}.dropdownContainer>div{margin:0}.dropdownContainer .selectCharacter,.dropdownContainer .selectMove,.dropdownContainer .selectPunishingCharacter{margin-bottom:0;width:100%}.dropdown .dropdown-content{position:static;width:100%}.selectCharacter{flex:1 1;margin:10px;padding:20px;text-align:center}}.selectCharacter,.selectMove,.selectPunishingCharacter{flex:1 1;margin:10px;padding:20px;text-align:center}.dropdown-input{background:none;border:none;color:inherit;font:inherit;outline:none;padding:5px;width:50%}.button{align-items:center;display:flex;justify-content:center;position:relative}.calcButton{background-color:#7d2082;border:none;color:#fff;cursor:pointer;display:inline-block;font-family:Koulan,sans-serif;font-size:24px;margin-top:25px;padding:15px 32px;text-align:center;-webkit-text-decoration:solid;text-decoration:solid;z-index:1}.content-container{align-items:center;bottom:10px;display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;left:50%;position:absolute;transform:translateX(-50%);width:100%;z-index:2}.body .html{background-color:#1e1e1e}.calcOutput{flex-direction:row;flex-wrap:wrap;font-family:jetbrainsmono,sans-serif;height:auto;width:85%}.calcRectangle,.r{border-radius:15px;width:100%}.r{align-items:center;justify-content:center}.r,.r .rec{display:flex}.r .rec{background:linear-gradient(180deg,#fefefe,#c5c4c4);border-radius:25px;height:auto;width:100%}.charinfo{display:flex;flex-direction:column;font-family:jetbrainsmono,sans-serif;height:-webkit-fit-content;height:fit-content;width:50vh}.outputinfo{background-color:#fff;margin-top:30px;padding:10px;text-align:center;width:70%}.outputheader{font-weight:700;text-align:center}.outputtext{padding:10px}.slideshow-container{align-items:center;display:flex;height:50vh;margin:0 auto;max-width:100vh;position:relative}.slide{background-size:contain;border-radius:15px;height:50%;max-width:70%;object-fit:cover;opacity:0;position:absolute;transition:all .3s ease-in-out;width:auto;z-index:0}.slide-center{box-shadow:-2px 5px 33x 6px #00000059;height:auto;left:50%;max-height:70%;max-width:90%;opacity:1;transform:translateX(-50%);width:auto;z-index:2}.slide-before{left:30%}.slide-after,.slide-before{opacity:50%;transform:translateX(-50%)}.slide-after{left:70%}.slideShow{height:100%;position:relative;width:100%}.calcOutput{align-items:center;display:flex;justify-content:space-around;position:relative}.moveinfo{background-color:#fff;padding:2%;text-align:center}.movesGifsInfo{align-items:center;bottom:20px;display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:30px;padding:10px;width:100%}.movesGifsInfo,.sshow{height:-webkit-fit-content;height:fit-content;position:relative}.aCharSlideShow,.pCharSlideShow{flex:1 1;margin:0}.arrow{align-items:center;background:#00000080;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.left-arrow{left:10px}.right-arrow{right:10px}.arrow svg{height:24px;width:24px}
/*# sourceMappingURL=main.4016f5f1.css.map*/