*{margin:0;padding:0}body{height:100vh;width:100vw;color:#757575;font-family:Poppins,sans-serif;overflow-x:hidden}.dark{background-color:#333742;color:#fefefe}.navigation{width:100%;min-height:50px;position:fixed;left:0;top:0;z-index:1000}.dark .navigation{background-color:#3d4353}.navigation .logo{font-family:Poppins,sans-serif;font-weight:800;color:#414f57;margin:16px;cursor:pointer;padding:10px 0}.dark .navigation .logo{color:#dfdfdf}.navigation .logo span{font-family:inherit;font-weight:500}.navigation__bar{height:60px;width:100%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 0 rgba(52,72,84,.1)}.navigation__menu_horizontal{width:50%;max-width:800px;height:100%;margin-left:auto;margin-right:72px}.navigation__menu_horizontal ul{display:inline-flex;justify-content:right;align-items:center;width:100%;height:100%}.navigation__menu_horizontal ul li{min-width:16.66%;height:80%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease}.navigation__menu_horizontal ul li a{text-decoration:none;font-size:.7rem;font-family:Poppins,sans-serif;color:#768591;transition:color .2s ease}.dark .navigation__menu_horizontal ul li a{color:#efefef}.navigation__menu_horizontal ul li:hover{background-color:#768591}.dark .navigation__menu_horizontal ul li:hover{background-color:#272a33}.navigation__menu_horizontal ul li:hover>a{color:#fefefe}.dark .navigation__menu_horizontal ul li:hover>a{color:#efefef}.test{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.test .test-box{width:600px;padding:32px;box-shadow:0 5px 15px 0 rgba(0,0,0,.15);backdrop-filter:blur(21px) saturate(43%);-webkit-backdrop-filter:blur(21px) saturate(43%);border:1px solid hsla(0,0%,100%,.125)}.dark .test-box{background-color:#3d4353;border:none}.test .test-box .top{display:flex;justify-content:space-between;align-items:center}.test .test-box .top #timer{font-weight:700;font-size:24px}.dark .test .test-box .top #timer{color:#efefef}.test .test-box .top .info-dropdown{cursor:pointer}.test .test-box .top .info-dropdown:hover{color:grey}.test .test-box p{font-size:16px;color:#999;display:flex;align-items:center}.dark .test .test-box p{color:#efefef}.test .test-box p span{transform:rotate(0deg)}.textarea-wrapper{display:flex;width:100%}.test .test-box .text-wrapper{height:75px;margin:48px 0;overflow:hidden}.test .test-box .text,.test .test-box .text-wrapper{width:100%;display:block;position:relative}.dark .test .test-box .text{color:#efefef}#report{width:100%;height:96%;display:none;align-items:center;position:absolute;top:0}#report,#reportWPM{justify-content:center}#reportWPM{height:75px;width:50%;display:flex;flex-direction:column;align-items:flex-start}#reportWPM h1{color:#909090;font-size:36px}.dark #reportWPM h1{color:#efefef}#reportWPM p{margin-top:8px}#reportDetails{height:75px;width:50%;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-evenly}.correct{color:#93c572}.incorrect{color:salmon}.current{background-color:#efefef}.test .test-box textarea{width:87%;height:36px;padding-left:3%;padding-top:16px;outline:none;border:none;resize:none;overflow-y:hidden;background-color:#efefef;color:#606060;caret-color:#454545;font-size:16px;margin-bottom:24px}.dark .test .test-box textarea{caret-color:#efefef;background-color:#2a2c33;color:#efefef}.test .test-box button{width:10%;height:52px;outline:none;border:none;color:#757575;background-color:#eaeaea}.dark .test .test-box button{background-color:#272a33}.test .test-box button:focus{background-color:#e0e0e0}.test-log{width:100%;height:100px;display:none;background-color:#757575}.dark .test-log{background-color:#2e323c}canvas{margin-left:auto}.word{font-size:1.4rem;height:36px;line-height:36px;border-radius:2px;padding:0 3px;position:relative}.currWord{background-color:#eaeaea}.dark .currWord{background-color:#2a2c33;color:#fefefe}.currentlyWrong{color:#fff}.currentlyWrong,.dark .currentlyWrong{background-color:salmon}.left-right-pad{padding:0 8px}.font-green{color:#93c572}.font-red{color:salmon}
/*# sourceMappingURL=style.159a34a6.css.map */