@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300&family=Raleway:wght@200;400&family=Roboto:wght@300;400&display=swap");body{margin:0;width:100%;height:100vh;background-color:black;background-image:radial-gradient(circle, #87084a, #6b054a, #4f0646, #32083f, #160334);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}#contain{display:none}.container{width:45vw;padding:0.8vw;background-color:white;background-image:url("../img/debut-light.png");border-radius:.2vw}header{background-color:transparent !important;color:white;display:none}header>h1{margin:0;font-size:1.5vw;font-weight:bold;text-align:center}main{margin-bottom:0.8vw}main #text{position:relative;height:6.3vw;overflow:hidden;margin-bottom:1vh;border:1px solid lightblue;-webkit-box-shadow:inset 2px 2px 5px 0px rgba(0,0,0,0.2);box-shadow:inset 2px 2px 5px 0px rgba(0,0,0,0.2);background-color:white;border-radius:.2vw}main #text #caret{position:absolute;top:0;left:0;height:1.5vw;border-left:0.1vw solid blue;-webkit-transition:all 0.2s ease 0s, -webkit-transform 0.05s ease 0s;transition:all 0.2s ease 0s, -webkit-transform 0.05s ease 0s;transition:all 0.2s ease 0s, transform 0.05s ease 0s;transition:all 0.2s ease 0s, transform 0.05s ease 0s, -webkit-transform 0.05s ease 0s}main #text .blink{-webkit-animation:blink normal 2s infinite ease-in-out;animation:blink normal 2s infinite ease-in-out}main #text>.words{position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-flow:row wrap;flex-flow:row wrap;display:-webkit-box;display:-ms-flexbox;display:flex;padding-inline:0.6vw;padding-top:0.4vw}main #text>.words>.word{position:relative;margin-right:0.45vw;padding-inline:0.2vw;font-size:1.4vw;font-family:'Roboto', sans-serif;margin-bottom:0.3vw;color:#a4a4a4;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}main #text>.words>.word>.correct{color:black}main #text>.words>.word>.incorrect{color:red;text-decoration:underline}main #text>.words>.active{border-radius:0.2vw}main #text>.words>.correct{color:black}main #text>.words>.incorrect{color:red}main #inputs{display:-ms-grid;display:grid;-ms-grid-columns:2.1fr 0.2fr 0.1fr;grid-template-columns:2.1fr 0.2fr 0.1fr;-ms-grid-rows:1fr;grid-template-rows:1fr;gap:0.4vw;grid-template-areas:". . ."}main #inputs input,main #inputs input:focus-visible{border:1px solid lightblue;padding:0.6vw;font-size:1.2vw;outline:none;-webkit-box-shadow:inset 2px 2px 5px 0px rgba(0,0,0,0.2);box-shadow:inset 2px 2px 5px 0px rgba(0,0,0,0.2);border-radius:.2vw}main #inputs #timer{font-size:1.2vw;display:-ms-grid;display:grid;place-items:center;background-color:#246ee6;color:white;border-radius:.2vw;font-family:'Montserrat', sans-serif}main #inputs #reset{border-radius:.2vw;border:1px solid lightblue;font-family:'Montserrat', sans-serif;cursor:pointer;font-size:1vw}#stats{display:-ms-grid;display:grid;-ms-grid-columns:0.5fr 0.5fr;grid-template-columns:0.5fr 0.5fr;-ms-grid-rows:1fr;grid-template-rows:1fr;gap:0.8vw;grid-auto-flow:row;grid-template-areas:". .";font-family:'Montserrat', sans-serif}#stats .child{background-color:white;padding:0.8vw;border-top:0.4vw solid blue;-webkit-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.2);box-shadow:2px 2px 5px 0px rgba(0,0,0,0.2)}#stats #userStats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#stats #userStats h1,#stats #userStats h2{margin:0;font-weight:bold;text-align:center}#stats #siteStats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#stats #siteStats select{border:1px solid lightblue;padding:0.6vw;font-size:1vw;width:100%;font-family:'Montserrat', sans-serif}#stats #wpm,#stats #bestWPM{font-size:1.8vw}#stats #accuracy,#stats #bestAccuracy{font-size:1.2vw}.lds-spinner{color:official;display:inline-block;position:relative;width:80px;height:80px}.lds-spinner div{-webkit-transform-origin:40px 40px;transform-origin:40px 40px;-webkit-animation:lds-spinner 1.2s linear infinite;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#fff}.lds-spinner div:nth-child(1){-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.lds-spinner div:nth-child(2){-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation-delay:-1s;animation-delay:-1s}.lds-spinner div:nth-child(3){-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.lds-spinner div:nth-child(4){-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.lds-spinner div:nth-child(5){-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.lds-spinner div:nth-child(6){-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.lds-spinner div:nth-child(7){-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.lds-spinner div:nth-child(8){-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.lds-spinner div:nth-child(9){-webkit-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.lds-spinner div:nth-child(10){-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.lds-spinner div:nth-child(11){-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation-delay:-0.1s;animation-delay:-0.1s}.lds-spinner div:nth-child(12){-webkit-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}@keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes blink{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes blink{0%,50%,100%{opacity:1}25%,75%{opacity:0}}
/*# sourceMappingURL=main.min.css.map */