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}.french-flag,.spanish-flag{border:5px solid #0000;cursor:pointer;height:50px;width:75px}.french-flag:hover,.spanish-flag:hover{border:none;height:60px;width:85px}.french-flag{display:flex}.spanish-flag .one,.spanish-flag .three{background-color:red;height:33%}.spanish-flag .two{background-color:#ffc400;height:33%}.french-flag .one{background-color:#0055a4;width:33%}.french-flag .two{background-color:#fff;width:33%}.french-flag .three{background-color:#ed2939;width:33%}.flag-container{display:flex;gap:10px}.App{align-items:center;background-color:#5a5966;color:#fff;display:flex;flex-direction:column;font-family:Nunito,sans-serif;height:100vh;justify-content:flex-start;padding:1vh;text-align:center}.row1,.tries,button,h1,h3,label{-webkit-user-select:none;user-select:none}.framework{background-color:#070f2b;border-radius:1rem;margin:10px;padding:0;position:-webkit-sticky;position:sticky;width:800px}.title-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 0 .5rem}h1.title{font-size:1.8rem;margin:0}.tries{color:#999;margin-top:0}.row1{display:flex;flex-direction:row;height:auto;justify-content:space-around;margin-bottom:1rem}.infinitive-list h2,.person-list h2,.tense-list h2{cursor:pointer}.infinitive-list h2:hover,.person-list h2:hover,.tense-list h2:hover{background-color:#262475;border-radius:1rem}.info-1,.info-2,.info-3{display:flex;flex-direction:column;font-size:1.1rem;height:80%;justify-content:space-between;margin:10px;padding-bottom:10px}.info-1 p,.info-1-mobile p,.info-2 p,.info-2-mobile p,.info-3 p,.info-3-mobile p{border:1px solid #0000;margin:0;padding:0}h2{font-size:1.3rem;font-weight:700;margin:10px}.infinitive-list,.person-list,.tense-list{background-color:#1b1a55;border-radius:1rem;width:30%}.active-option:hover,.inactive-option:hover{background-color:#262475;border:1px solid #0000;border-radius:1rem;box-shadow:-2px -2px 2px 1px #0000001a,-2px 2px 2px 1px #0000001a,2px -2px 2px 1px #0000001a,2px 2px 2px 1px #0000001a;color:red;text-shadow:-.5px -.5px .5px red,.5px -.5px .5px red,-.5px .5px .5px red,.5px .5px .5px red}.active-option{color:#fff;cursor:pointer;font-weight:bolder}.inactive-option{color:#333;cursor:pointer;text-decoration:line-through}.active-option:hover{color:#fff}.irregulars-container{border:1px solid #0000}.irregular-verbs-list{display:grid;grid-template-columns:1fr 1fr 1fr}.person-list .info-column,.tense-list .info-column{transition:color .3s ease,border .3s ease,box-shadow .3s ease}.person-list .info-column:active,.tense-list .info-column:active{border:1px solid red;box-shadow:-2px -2px 2px 1px #0000001a,-2px 2px 2px 1px #0000001a,2px -2px 2px 1px #0000001a,2px 2px 2px 1px #0000001a;color:red}.row-selection,.row-selection h3{display:flex;flex-direction:row}.row-selection h3{align-items:center;background-color:#1b1a55;border-radius:2rem;color:#fff;height:3vh;justify-content:space-around;margin:1.5vh auto;padding:1vh;width:27%}.translation-label,.user-text{border:0;font-family:Nunito,sans-serif;font-size:1.5rem;height:3rem;justify-content:center;margin:0;padding:0;text-align:center;width:100%}.translation-label{align-items:center;background-color:#1b1a55;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;color:#ffb200;display:flex;font-weight:700}#correct-answer{background-color:#e0f7d4;border:1px solid #48bb78;color:#00bb32;font-weight:700}#incorrect-answer{background-color:#fbd5d5;border:1px solid #f56565;color:#ff1500;font-weight:700}.button-group{align-items:center;display:flex;height:4vw;justify-content:space-evenly;margin:0 auto 1rem;min-height:60px;width:800px}.main-button,.seconds-button,.special-characters button,.top-button{background-color:#d6d6d6;border:2px solid #1a1a1a;border-radius:10px;box-sizing:border-box;color:#3b3b3b;cursor:pointer;display:inline-block;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:18px;font-weight:600;margin:.5rem auto;min-height:40px;min-width:50px;outline:none;padding:5px auto;text-align:center;transition:all .3s cubic-bezier(.23,1,.32,1);width:18%;will-change:transform}.main-button:hover,.special-characters button:hover,.top-button:hover{background-color:#1b1a55;border:2px solid #fff;box-shadow:0 8px 15px #00000040;box-shadow:5px 5px 10px #1d3db3,5px -5px 10px #1d3db3,-5px -5px 10px #1d3db3,-5px 5px 10px #1d3db3;color:#fff;transform:translateY(-2px)}.main-button:active,.top-button:active{box-shadow:none;transform:translateY(0)}.dummy-button{background-color:#5a5966;border:2px solid #0000;box-sizing:border-box;color:#5a5966;cursor:auto;display:inline-block;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:18px;font-weight:600;margin:1rem auto;min-height:40px;min-width:50px;padding:5px auto;text-align:center;width:18%}.dummy-button:hover{background-color:#070f2b;border:none;box-shadow:none;box-shadow:5px 5px 10px #070f2b,5px -5px 10px #070f2b,-5px -5px 10px #070f2b,-5px 5px 10px #070f2b;color:#070f2b;transform:none}.top-button{border-radius:33%;height:40px;margin:1vw;width:40px}.special-characters{background-color:#262475;border-radius:1rem;color:#fff;padding:.5rem}.special-characters p{margin:0}.special-characters button{font-size:1.5rem;margin:.5rem}.special-char-buttons{display:flex}.seconds-button{align-items:center;display:flex;justify-content:space-around}.small-button:hover{background-color:#1b1a55;color:#fff}.small-button:active{transform:translateY(-1px)}.SpI1,.t1{order:2}.SpP2,.i2,.é2{order:4}.SpI3,.SpP3,.n3,.n5{order:1}.SpI5,.SpS4,.v4,.v6{order:3}.SpC5,.SpS6,.e5,.i7{order:5}.SpP4{order:6}.SpC7{order:7}.footer-bar{align-items:center;background:#5a5966;bottom:0;color:#fff;display:flex;justify-content:space-between;left:50%;padding:8px 12px;position:fixed;transform:translateX(-50%);width:85%;z-index:600}.footer-slot{background-color:#5a5966;flex:0 0 auto;width:15%}.footer-center{flex:1 1 auto;text-align:center}.footer-center a{color:#81b2d3;margin:0 6px;text-decoration:none}.footer-center a:hover{text-decoration:underline}.footer-separator{color:#81b2d3}.counter-placeholder{height:28px;visibility:hidden;width:150px}.footer-right{align-items:center;display:flex;height:28px;justify-content:flex-end;width:150px}.counter-hint{font-size:12px;opacity:.7}.tooltip-container{align-items:center;display:inline-flex;justify-content:center;position:relative}.tooltip{background-color:#333;border-radius:6px;bottom:125%;color:#fff;font-size:12px;opacity:0;padding:4px 8px;text-align:center;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;white-space:nowrap;z-index:1000}.tooltip,.tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip:after{border:5px solid #0000;border-top-color:#333;content:"";top:100%}.tooltip-container:hover .tooltip{opacity:1;visibility:visible}@media (max-width:900px){.special-characters{display:none}.button-group,.framework{max-width:95vw}.row-selection{font-size:.8rem}h1.title{font-size:1.5rem}h2{font-size:1rem}.translation-label,.user-text{font-size:1.3rem}.main-button,.seconds-button{font-size:16px;width:22%}}@media (max-width:540px){.title-row{align-items:flex-start}.info-1 p,.info-2 p,.info-3 p{font-size:.8rem;margin:2px 0}.row1{display:none}.row-selection{font-size:.7rem}.row-selection h3{height:2rem;padding:.4vh}h1.title{font-size:1.3rem;margin:.4vh}.framework>p{margin:0}h2{margin:2px}.translation-label,.user-text{font-size:1.1rem;height:2rem}.button-group{margin:.3rem auto}.main-button,.seconds-button{font-size:14px;padding:3px auto;width:30%}.main-button:hover,.top-button:hover{box-shadow:3px 3px 7px #1d3db3,3px -3px 7px #1d3db3,-3px -3px 7px #1d3db3,-3px 3px 7px #1d3db3}.small-button{color:red;font-size:8px;height:1.5rem;margin:auto 0}.info-2,.info-3{margin:3px;padding:3px}.infinitive-list{display:none}.person-list,.tense-list{width:48%}.framework{margin:0 0 5px;position:-webkit-sticky;position:sticky}.translation-label,.user-text{font-size:1rem}}@media screen and (min-width:1020px) and (max-width:1030px) and (min-height:600px) and (max-height:768px){.framework{margin:.5rem}.App{margin:0;padding:0}h1{font-size:1.3rem;margin:.4vh}.main-button{min-height:40px;min-width:50px;width:18%}.user-text{margin:0 auto}.info-1,.info-2,.info-3{margin:1rem auto;padding:1rem auto}}@media (min-width:541px){.mobile-row{display:none}}@media (max-width:540px){.mobile-infinitives h2,.mobile-persons h2,.mobile-tenses h2{font-size:1.2rem}.mobile-infinitives p,.mobile-persons p,.mobile-tenses p{font-size:1.1rem}}.mobile-row h2{cursor:pointer}.mobile-row h2:hover{color:red}.mobile-row .mobile-infinitives,.mobile-row .mobile-persons,.mobile-row .mobile-tenses{background-color:#1b1a55;border-radius:2rem;margin:.5rem;padding:.5rem 0;width:95%}.mobile-regular-infinitives-container{display:grid;grid-template-columns:1fr 1fr 1fr}.irregular-verbs-list-mobile{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.info-2-mobile{display:grid;grid-template-columns:1fr 1fr}.info-2-mobile p,.info-3-mobile{font-size:.8rem;margin:2px 0}.info-3-mobile{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between}.info-column-mobile{font-size:.8rem;margin:2px 0;width:calc(50% - 5px)}.modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal{background:#fff;border-radius:10px;color:#000;margin:0 10px;padding:10px 20px;width:600px}.modal-2{align-items:end;background:#0000;color:#000;display:flex;justify-content:center;width:800px}.modal-2 div{line-height:.6rem;margin:0 .5rem}p{white-space:pre-line}.modal h3,h4{margin:1.2vh auto .5vh}.modal p{margin:.5vh auto}.column-table-reflexive{display:flex;flex-direction:column;max-width:200px;padding:5px}.column-table-reflexive,.four-column-grid{background-color:#efefef;border:1px solid #000;border-radius:10px;line-height:.6rem;margin:0 auto}.four-column-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:auto auto auto auto;max-width:400px;padding:10px;width:700px}.column-table-reflexive p,.four-column-grid p,.two-column-grid p{margin:0 auto;padding:5px}.bold{font-weight:700}.four-column-grid p:nth-child(7n+1){font-weight:700;grid-row:1}.four-column-grid p:nth-child(7n+2){grid-row:2}.four-column-grid p:nth-child(7n+3){grid-row:3}.four-column-grid p:nth-child(7n+4){grid-row:4}.four-column-grid p:nth-child(7n+5){grid-row:5}.four-column-grid p:nth-child(7n+6){grid-row:6}.four-column-grid p:nth-child(7n+7){grid-row:7}.two-column-grid{align-items:center;background-color:#efefef;border:1px solid #000;border-radius:10px;display:flex;flex-direction:row;justify-content:center;margin:0 auto;max-width:500px;padding:10px}.column-table p,.four-column-grid p,.two-column-grid p{white-space:nowrap}.center{justify-content:center}.nine-column-grid,.nine-column-grid-teacherMode{background-color:#efefef;border:1px solid #000;border-radius:10px;display:flex;flex-direction:column;margin:0 auto;padding:10px}.nine-column-grid .irregulars-row,.nine-column-grid-teacherMode .irregulars-row{display:flex;flex-direction:row;justify-content:space-between;padding:10px}@media (min-width:1020px){.nine-column-grid-teacherMode{flex-direction:row;margin:10px}.nine-column-grid-teacherMode .irregulars-row{margin:0;padding:0}.column-table{padding:0 5px}}@media (max-width:900px){.modal{max-height:90vh;max-width:95vw}.modal p{font-size:small}.column-table-reflexive,.four-column-grid,.two-column-grid{grid-column-gap:0;max-width:400px;padding:5px}}@media (max-width:430px){.modal p,.nine-column-grid-teacherMode{font-size:x-small}.modal-2{margin:0 5px;width:95%}.modal-2 div{margin:0 .2rem}.column-table-reflexive p,.four-column-grid p,.two-column-grid p{margin:3px .5rem;padding:3px 0}.column-table-reflexive,.four-column-grid,.two-column-grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media (max-width:370px){.column-table-reflexive,.four-column-grid,.nine-column-grid,.nine-column-grid-teacherMode,.two-column-grid{padding:2px}}@media (max-width:290px){.column-table-reflexive,.four-column-grid,.nine-column-grid,.nine-column-grid-teacherMode,.two-column-grid{font-size:x-small;line-height:.5rem;max-width:270px}}@media screen and (min-width:1020px) and (max-width:1030px) and (min-height:600px) and (max-height:768px){.column-table-reflexive,.four-column-grid,.two-column-grid{padding:0 10px}.column-table-reflexive,.four-column-grid{line-height:.4rem}.nine-column-grid-teacherMode{flex-direction:row;margin:10px}.nine-column-grid-teacherMode .irregulars-row{margin:0;padding:0}.column-table{padding:0 5px}}
/*# sourceMappingURL=main.fc18bc69.css.map*/