:root{background-color:#333;color:#fff}body{overflow:hidden}.clock{position:absolute;top:40%;left:50%;transform:translate(-50%)}.clock__time{font-size:2rem;position:absolute;top:25%;left:50%;transform:translate(-50%)}.clock__tps{font-size:1.5rem;position:absolute;top:30%;left:50%;transform:translate(-50%)}.shop{-webkit-user-select:none;user-select:none;float:right;height:100vh;width:25vw;position:relative}.producer{cursor:pointer;width:100%;height:8vh;border-radius:10px;margin-bottom:10px;position:relative}.producer__name{font-size:2rem;margin-top:5px;margin-left:5px}.producer__price{font-size:1.5rem;margin-left:5px;position:absolute;bottom:5px}.producer__negative{font-size:1.3rem;position:absolute;right:45%;top:2.5px}.producer__amount{font-size:2rem;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.welcome__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.welcome__box{background:#333;text-align:center;padding:50px;width:30vw}.welcome__title{margin:0 0 20px;color:#fff}.welcome__progressbar{width:100%;height:20px;background:#555;margin:20px 0;overflow:hidden}.welcome__progress{width:0%;height:100%;background:#fff;transition:width .1s ease}@media (max-width: 1366px){.clock{height:250px;width:250px}.clock__time{font-size:1.7rem}.producer__name{font-size:1.5rem}.producer__price{font-size:1rem}.producer__negative{font-size:1.2rem;right:40%}.producer__amount{font-size:1.5rem}}@media (max-width: 1280px){.clock{height:230px;width:230px}.clock__time{font-size:1.6rem}.producer__name{font-size:1.4rem}}@media (max-width: 1024px){.clock{height:200px;width:200px}.clock__time{font-size:1.4rem;top:25%}.producer__name{font-size:1.3rem}.producer__price{font-size:.8rem}.producer__negative{font-size:1rem;right:30%}.producer__amount{font-size:1.3rem}}@media (max-width: 768px){.clock{height:180px;width:180px}.clock__time{font-size:1.2rem;top:30%}.producer__name{font-size:1.2rem}.producer__price{font-size:.8rem}.producer__amount{font-size:1.2rem}}@media (max-width: 480px){.clock{height:150px;width:150px}.clock__time{font-size:1rem;top:35%}.producer__name{font-size:1rem}.producer__price{font-size:.7rem}.producer__amount{font-size:1rem}}