@import"https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap";.App{width:100%;display:flex;flex-direction:column}.appHeader{font-size:2rem;line-height:2.5rem;display:flex;justify-content:center;align-items:center;padding:2rem 0;width:100%;background-color:#fff;gap:1rem}.timeStyleWrapper{display:flex;align-items:baseline}.blueDot{height:.875rem;width:.875rem;border-radius:50%;background:linear-gradient(124deg,#dd00f3,#dd00f3,#2b1de8,#1ddde8,#1de840,#e3e81d,#e8b71d,#e81d1d,#ff2400);background-size:1800% 1800%;-webkit-animation:rainbow 10s ease infinite;-z-animation:rainbow 10s ease infinite;-o-animation:rainbow 10s ease infinite;animation:rainbow 5s ease reverse infinite}@-webkit-keyframes rainbow{0%{background-position:0% 82%}50%{background-position:100% 19%;border-radius:20%}to{background-position:0% 82%;transform:rotate(360deg)}}@-moz-keyframes rainbow{0%{background-position:0% 82%}50%{background-position:100% 19%;border-radius:20%}to{background-position:0% 82%;transform:rotate(360deg)}}@-o-keyframes rainbow{0%{background-position:0% 82%}50%{background-position:100% 19%;border-radius:20%}to{background-position:0% 82%;transform:rotate(360deg)}}@keyframes rainbow{0%{background-position:0% 82%}50%{background-position:100% 19%;border-radius:20%}to{background-position:0% 82%;transform:rotate(360deg)}}.startPageContent{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 13rem);width:100%;margin:0;gap:6rem}.buttonCluster{display:flex;align-items:center;gap:2.5rem}.iconButton{color:#aaa;transition:.3s}.iconButton:hover{color:#000;cursor:pointer}.cardLight{display:flex;flex-direction:row;justify-content:space-between;box-shadow:inset 0 0 0 1.5px #000;padding:.5rem;border-radius:1rem;font-size:24px;line-height:32px;cursor:pointer;transition:.15s}.cardDark{display:flex;flex-direction:row;justify-content:space-between;box-shadow:inset 0 0 0 1.5px #000;color:#fff;background-color:#000;padding:.5rem;border-radius:1rem;font-size:24px;line-height:32px;cursor:pointer;transition:.15s}.formatedContent{padding:.5rem 1rem;width:5.5rem}.labelWord{padding:0;margin:0}.CardsGroup{display:flex;gap:2rem}.buttonComponent{padding:.75rem 2.5rem;border-radius:3rem;box-shadow:inset 0 0 0 1.5px #000;font-size:1.5rem;line-height:2rem;width:fit-content;transition:.15s}.buttonComponent:hover{cursor:pointer;color:#fff;background-color:#000}.staticContent{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 13rem);width:100%;margin:0;gap:2rem}.textFlexWrapper{display:flex;align-items:flex-start;flex-direction:column;gap:2rem}.firstLine{font-size:4rem;line-height:5rem}.secondLine{font-size:8rem;line-height:10rem}.thirdLine{font-size:4rem;line-height:5rem}a{color:#aaa;transition:.3s}a:hover{color:#000;cursor:pointer}.gameContent{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 13rem);width:100%;margin:0;gap:5vh}.questionWraper{display:flex;flex-direction:column;gap:1rem}.answerWraper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10vh}.question{font-size:4rem;line-height:5rem}.liveStats{color:#aaa;display:flex;align-items:center;flex-direction:column}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.inputField{font-size:1px;color:transparent;background-color:transparent;border:0;outline:none}.inputFlexWrapper{display:flex;align-items:center;justify-content:center}.userInput{font-size:6rem;line-height:7.5rem;text-align:center}.caret{width:4px;height:120px;background-color:#808cff;border-radius:.5rem;animation:blink 1.5s ease-out infinite;transition:.15s}@keyframes blink{0%{opacity:0}25%{opacity:.75}50%{opacity:1}75%{opacity:.75}to{opacity:0}}.resultsPageContent{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 13rem);width:100%;margin:0;gap:6rem}.hero{font-size:4rem;line-height:5rem}.stats{display:flex;flex-direction:row;gap:3rem}.statItem{display:flex;flex-direction:column;align-items:center;justify-content:center;width:10rem}.statValue{font-size:3.5rem;line-height:4rem}.statLabel{font-size:1rem;line-height:1.5rem}.appFooter{font-size:1rem;line-height:2.5rem;display:flex;justify-content:center;align-items:center;padding:2rem 0;width:100%;background-color:#fff;gap:.5rem}.keyDecor{display:flex;align-items:center;gap:6px;padding:0 6px;border-radius:.5rem;box-shadow:inset 0 0 0 1.5px #000;line-height:1rem;height:32px}.actionContent,.press{color:#aaa}:root{font-family:Inter,sans-serif;font-weight:700;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{padding:0;margin:0}