body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}body{background-color:#fff;font-family:Arial,serif;margin-top:75px}.arrow{fill:#4a5c66}.buttonFlexbox{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.flexboxButtonTest,.flexboxButtonTrain{margin-bottom:8px;margin-top:5px}button{background-color:#4a5c66;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:5px}button:hover{color:#000}button:disabled{color:#d3d3d3}input{border:none}input,select{border-radius:3px}select{max-width:100%}.status{background-color:red;border-radius:3px;color:#0f0;white-space:pre-line}.flexbox{align-items:center;flex-wrap:wrap}.flexbox,.kiteContainer{display:flex;justify-content:center;width:100%}.languageContainer{align-items:center;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:25px;top:25px;width:60px}.languageContainer:hover{background-color:#80ba24}.language{fill:#4a5c66;height:50px;width:50px}.impressContainer{display:flex;justify-content:center;width:100%}a{color:#4a5c66;text-decoration:none}a:hover{-webkit-text-decoration:underline solid #4a5c66;text-decoration:underline solid #4a5c66}.arrowFlexboxContainer{display:flex;position:relative}.arrowFlexboxContainerA{justify-content:space-between}.arrowFlexboxContainerB{justify-content:center}.classesContainer{display:flex;justify-content:space-between}.classLabel{display:block;width:100%}.classNameInput{padding:0}.classFlexboxContainer,.trainFlexboxContainer{background-color:#80ba24;border-radius:10px}.trainContainer{display:flex;flex-direction:column}.testFlexboxContainer{background-color:#80ba24;border-radius:10px}table{background-color:#aaa;color:#000;text-align:center;width:100%}table,td{border:1px solid #000;border-collapse:collapse}td{width:20%}@media (min-width:0px) and (max-width:599px){body{font-size:5vw;padding:15px}.buttonFlexbox{flex-direction:column}.flexboxButtonTest,.flexboxButtonTrain{width:100%}button{font-size:5vw}table{font-size:3.5vw}.classNameInput{font-size:5vw;margin-top:10px;padding:1px 3px;width:calc(100% - 6px)}select{font-size:5vw}.status{padding:5px 3%;width:94%}.header{font-size:6.5vw}.container{margin-top:10px}.flexbox{flex-direction:column}.kiteContainer{margin-bottom:20px}.impressContainer{margin-top:20px}.kite{padding-bottom:25px;width:90%}.arrowFlexboxContainer{flex-direction:row;width:60%}.arrow{transform:rotate(90deg);width:40%}.classesContainer{flex-direction:row;width:100%}.classFlexboxContainer{width:47%}.classContainer{padding:10px}.trainFlexboxContainer{width:70%}.trainContainer{gap:10px;padding:10px}.testFlexboxContainer{width:100%}.testContainer{padding:10px}}@media (min-width:600px) and (max-width:1199px){body{font-size:3vw;padding:20px}.buttonFlexbox{flex-direction:column}.flexboxButtonTest,.flexboxButtonTrain{width:100%}button{font-size:3vw}.classNameInput{font-size:3vw;margin-top:12px;padding:1px 3px;width:calc(100% - 6px)}select{font-size:3vw}.status{padding:5px 3%;width:94%}.header{font-size:4vw}.container{margin-top:12px}.flexbox{flex-direction:column}.kiteContainer{margin-bottom:20px}.impressContainer{margin-top:30px}.kite{padding-bottom:30px;width:80%}.arrowFlexboxContainer{flex-direction:row;width:50%}.arrow{transform:rotate(90deg);width:30%}.classesContainer{flex-direction:row;width:100%}.classFlexboxContainer{width:48%}.classContainer{padding:10px}.trainFlexboxContainer{width:60%}.trainContainer{gap:12px;padding:10px}.testFlexboxContainer{width:100%}.testContainer{padding:10px}}@media (min-width:1200px) and (max-width:1599px){body{font-size:1.5vw;padding:10px}.buttonFlexbox{flex-direction:row}.flexboxButtonTrain{width:24%}.flexboxButtonTest{width:49%}button{font-size:1.5vw}table{font-size:1.2vw}.classNameInput{font-size:1.5vw;margin-top:0;padding:1px 3px;width:20%}select{font-size:1.5vw}.status{padding:5px 2%;width:96%}.header{font-size:2vw}.container{margin-top:15px}.flexbox{flex-direction:row;gap:30px 0}.kite{width:35%}.arrowFlexboxContainer{aspect-ratio:1/3;flex-direction:column;width:5%}.arrow{width:100%}.classesContainer{flex-direction:column;gap:50px;width:40%}.classFlexboxContainer{width:100%}.classContainer{padding:15px}.trainFlexboxContainer{width:23%}.trainContainer{gap:10px;padding:15px}.testFlexboxContainer{width:20%}.testContainer{padding:15px}}@media (min-width:1600px){body{font-size:1vw;padding:20px}.buttonFlexbox{flex-direction:row}.flexboxButtonTrain{width:24%}.flexboxButtonTest{width:49%}button{font-size:1vw}.classNameInput{font-size:1vw;margin-top:0;padding:1px 3px;width:15%}select{font-size:1vw}.status{padding:5px 1%;width:98%}.header{font-size:1.3vw}.container{margin-top:10px}.flexbox{flex-direction:row;gap:40px 0}.kite{width:25%}.arrowFlexboxContainer{aspect-ratio:1/2.5;flex-direction:column;width:5%}.arrow{width:100%}.classesContainer{flex-direction:column;gap:50px;width:40%}.classFlexboxContainer{width:100%}.classContainer{padding:15px}.trainFlexboxContainer{width:23%}.trainContainer{gap:10px;padding:15px}.testFlexboxContainer{width:20%}.testContainer{padding:15px}}.thumb{align-items:center;border:1px solid #4a5c66;border-radius:2px;box-sizing:border-box;display:flex;justify-content:center}@media (min-width:0px){.thumb{margin:4px 3%;padding:2px .2%;width:44%}}@media (min-width:1200px){.thumb{margin:4px .55%;padding:4px .55%;width:18.89%}}
/*# sourceMappingURL=main.cc82786b.css.map*/