.testTitle{font-size:16px;font-weight:700}.testContainer{height:calc(100% - 60px);margin:0 32px 20px}.testMiddle{justify-content:center;display:flex}.rombuses{animation:15s linear infinite rotate;position:relative}.middleText{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nameInput{text-align:center;border:none;border-bottom:2px solid #1a1b1c;outline:none;font-size:50px}.nameInput::placeholder{color:#1a1b1c}.buttons{justify-content:space-between;align-items:center;display:flex}.thankYouText,.loadingText{text-align:center;width:400px;font-size:30px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounceDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.loadingText:after{content:"";animation:1s infinite bounceDots}@media (max-width:1200px){.startButton{font-size:18px}.arrowIcon{width:40px;height:40px}.nameInput{font-size:40px}}@media (max-width:800px){.rombuses{display:none}.startButton{color:#fff;background-color:#1a1b1c;border:1px solid #1a1b1c;border-radius:5px;margin-top:16px;padding:8px;font-size:14px}.arrowIcon{filter:invert();width:20px;height:20px}.middleText{border:2px dashed #1a1b1c;padding:100px 50px;top:42%}.nameInput{font-size:32px}.clickToType{font-size:14px}}@media (max-width:500px){.middleText{padding:80px 40px;top:35%}.nameInput{font-size:20px}.clickToType{font-size:12px}.loadingText,.thankYouText{width:300px;font-size:20px}}