body,html{overflow:hidden}body,html{margin:0;height:100%}body{padding:0;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}html *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}button p{margin:0}#root{height:100%}button,h1,h2,h3,h4,h5,h6,p{font-family:Roboto,sans-serif}h1{font-size:24px}h1,h3{margin:0}h3{font-size:18px}p{font-size:14px;margin:0}.app{display:flex;height:100%;align-items:center;justify-content:center;overflow:hidden}.app-inner-container{max-width:700px;max-height:1000px;background-color:#fff}.app-inner-container,.match-outer-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.match-outer-container{flex-direction:column;flex-grow:1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-text{margin-top:16px;text-align:center;color:#ccc}.button-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50px;width:100%;max-width:332px;background-color:#64d950;border-radius:6px;cursor:pointer;border:none;padding:0;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);transition:background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.button-container:focus{outline:none}.button-container:hover{box-shadow:0 4px 6px 0 rgba(0,0,0,.4)}.button-container:active{background-color:#54c940;box-shadow:none}.button-text{margin:0;font-size:18px;font-weight:700;text-align:center;color:#fff}.start-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex-grow:1;height:100%}.start-container-top{display:flex;flex:2 1;flex-direction:column;align-items:center;justify-content:center}.start-container-top h1{max-width:80%;line-height:120%;text-align:center;margin-bottom:8px}.start-container-top p{max-width:80%;line-height:150%;text-align:center}.learnmatch-logo{width:60%;max-width:350px;margin-bottom:16px}.match-start-image-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;padding-left:5vw;padding-right:5vw}.match-start-bg-image-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:0}.match-start-bg-image{width:80%;margin-bottom:9vh}.match-start-image-container .match-start-image-container-inner{display:flex;flex:6 1;flex-direction:column;align-items:center;z-index:2}.vs-container{display:flex;flex:1 1;align-self:stretch;align-items:flex-end;justify-content:center;z-index:2}.match-start-image-container p{margin:0;font-size:18px;font-weight:700;font-family:Roboto,sans-serif;color:#212121}.match-start-image-container p small{margin:0;font-size:14px;font-weight:400;font-family:Roboto,sans-serif;color:#616161}.match-start-trikot-image-container{flex:1 1;display:flex;margin:15px;padding:15px;background:#f9f9f9;border-radius:6px;align-items:center;justify-content:center}.match-start-trikot-image-container.active{border:3px solid #64d950}.match-start-trikot-image{width:100%;max-width:200px}.match-start-vs{font-size:18px;font-weight:700;font-family:Roboto,sans-serif}.language-container-complete{position:relative;width:calc(100% - 32px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:16px}.language-container{position:relative;width:100%;justify-content:flex-end}.language-container,.language-container-left{display:flex;flex-direction:row;align-items:center;text-decoration:none;min-width:45%}.language-container-left{justify-content:flex-start}.language-flag{margin-left:8px}.language-flag,.language-flag-left{width:24px;height:24px;border-radius:14px}.language-flag-left{margin-right:8px}.language-desc{font-size:14px;font-weight:700;font-family:Roboto,sans-serif;color:#333}.ui-language-overlay{left:16px}.course-overlay,.ui-language-overlay{position:absolute;top:16px;background-color:#fff;border:2px solid #ccc;border-radius:6px;overflow:visible}.course-overlay{right:16px}.overlay-inner{max-height:calc(80vh - 48px);padding:10px 10px 2px;overflow-y:auto;overflow-x:hidden}.close-overlay{position:absolute;top:-10px;right:-10px;height:30px;width:30px;display:flex;align-items:center;justify-content:center;border-radius:17px;border:2px solid #ccc;background-color:#fff;text-decoration:none;color:#333;font-weight:bolder}.course-overlay-line{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-bottom:8px;min-width:200px}.course-overlay-line img{height:24px;width:24px;border-radius:14px;margin-right:8px}.course-overlay-line p{margin:0;font-family:Roboto,sans-serif}.why-to-stay-at-home{position:absolute;right:16px;top:50px;background-color:#888;text-decoration:none;padding:5px 10px;border-radius:30px;display:flex;align-items:center}.why-to-stay-at-home svg{margin-right:5px;color:#fff!important}.why-to-stay-at-home p{color:#fff!important}.start-button-container{flex:1 1}.match-container,.start-button-container{width:calc(100% - 32px);display:flex;align-items:center;justify-content:center}.match-container{flex-direction:column;flex-grow:1;height:80%;padding:16px;background:#f8f8f8;overflow:hidden}.content-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1}.answer-button{border:none;color:inherit;font:inherit;cursor:pointer;outline:inherit}.card-container,.card-move-container{height:100%;width:100%}.card-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px}.answers-container{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.answer-button{width:calc(50% - 16px);height:calc(50% - 16px);margin-top:16px;background:#eee}.button-container-audio{display:flex;flex-direction:column;align-items:center;justify-content:center;height:130px;width:130px;background-color:#fff;border-radius:75px;cursor:pointer;border:2px solid #64d950;padding:0;color:inherit;font:inherit;outline:inherit}.button-container-audio:hover{background-color:#54c940}.button-container-audio.playing{background-color:#64d950!important}.button-text-audio{margin:0;color:#64d950}.word-container p{font-size:24px;font-weight:700;font-family:Roboto,sans-serif}.answers-container{flex-direction:column;justify-content:flex-end;flex:1 1;min-height:264px}.answer-button,.answers-container{width:100%;display:flex;align-items:center}.answer-button{max-width:332px;height:50px;margin-top:8px;background:#fff;justify-content:center;padding:0;border-radius:6px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);transition:background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.word-image{width:100%;background-size:contain}.word-image,.word-image-container{height:100%;background-position:50%;background-repeat:no-repeat}.word-image-container{width:calc(100% - 32px);border-radius:6px;overflow:hidden;position:relative;background-size:cover}.word-translation-container{position:absolute;left:0;right:0;bottom:0;padding:8px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.7)}.word-translation-text{color:#fff;font-family:Roboto,sans-serif;font-size:14px;text-align:center}.word-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;flex:1 1}.word-text{color:#000;font-family:Roboto,sans-serif;font-size:5vh!important;text-align:center}.progress-outer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3vh;width:100%;position:relative}.progress-bottom-container{width:100%;height:3vh;background-color:#f8f8f8}.progress-time-container{position:absolute;width:50px;height:50px;background:#fff;border:2px solid #64d950;border-radius:27px;top:50%;margin-top:-25px;display:flex;align-items:center;justify-content:center}.CircularProgressbar{z-index:2}.standing-outer-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:12%;align-self:stretch;padding-top:16px}.standing-outer-container .home-user{flex:3 1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.standing-outer-container .standings{display:flex;flex-direction:column;justify-content:center;flex:2 1;height:100%}.standing-outer-container .guest-user{flex:3 1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.standing-outer-container .trikot{height:70%}.standing-outer-container .username{font-family:Roboto,sans-serif;font-size:14px;margin-top:2px}.standings-text{margin:0;text-align:center;font-family:Roboto,sans-serif;font-size:24px;font-weight:700}.online-state-container{height:25%;display:flex;flex-direction:row;align-items:center;justify-content:center}.online-bubble{height:1.3vh;width:1.3vh;margin-left:.5vh;margin-right:.5vh;border-radius:1vh}.online{background-color:#5aaa13}.disabled{background-color:#bbb}.low{background-color:#fc0}.offline{background-color:#b90000}.get-ready-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.get-ready-circle{width:50%;max-width:200px;margin-top:30px;position:relative}.get-ready-time-text{position:absolute;z-index:1;top:50%;left:50%;margin-top:-20px;margin-left:-40px;width:80px;text-align:center;line-height:40px;font-size:36px;font-family:Roboto,sans-serif;font-weight:700}.match-end-result-container-outer{display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex-grow:1;height:100%}.match-end-result-container{display:flex;flex-direction:column;align-items:center;align-self:stretch;justify-content:center;position:relative}.match-end-result-container .success{height:20vh;max-height:200px;margin-bottom:15px;position:absolute;opacity:.3}.match-end-result-container h1,.match-end-result-container p{text-align:center;z-index:2}.try-again-button{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;text-align:center;padding:8px;cursor:pointer}.share-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:8px}.share-container button{margin-left:2px;margin-right:2px}.match-end-trikot-image{width:100%;max-width:200px}.button-with-message-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;align-self:stretch}.button-with-message-container p{text-align:center;max-width:80%;line-height:150%;margin-bottom:10px;margin-top:5px}.button-with-message-container .button-container p{max-width:none}.button-with-message-buttons-container{display:flex;flex-direction:column;align-self:stretch;align-items:center;padding-left:8px;padding-right:8px}.button-with-message-buttons-container button{margin-top:5px}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}