*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:center;background:linear-gradient(180deg,#0c0505,#3a3535 47.92%,#5e5858);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}main{max-width:1440px}main h2{border-bottom:1px solid #6a6363;color:#fff;margin-bottom:12px;padding-bottom:24px}.container-cards{display:flex;gap:34px;height:500px;width:85%}header{align-items:center;border-bottom:1px solid #6a6363;color:#fff;display:flex;font-size:14px;height:128px;justify-content:space-between;padding:0 32px;width:100%}.logo{cursor:pointer;height:64px}.container-welcome{align-items:center;display:flex;justify-content:center}.profile-img{border:2px solid #6a6363;border-radius:50%;cursor:pointer;height:42px;margin-right:8px;width:39px}.container-controls{background:linear-gradient(180deg,#383535,hsla(0,1%,52%,0));border-top:2px solid rgba(0,0,0,.21);display:flex;height:132px;justify-content:space-between;width:100%}.preview-name{color:#fff;padding:24px 0 0 32px;width:10%}.preview-name strong{display:block;font-size:16px;margin-top:8px}.container-players{flex-direction:column;width:80%}.container-buttons,.container-players{align-items:center;display:flex;justify-content:center}.container-buttons{gap:40px;margin-top:16px}.container-buttons img{cursor:pointer;opacity:.8}.container-buttons img:hover{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.btn-play-pause{height:64px;width:64px}.btn-control{height:48px;width:48px}.empaty{width:10%}.container-time{align-items:center;color:#ccc3c3;display:flex;margin-top:16px;width:576px}.start{margin-right:8px}.end{margin-left:8px}.container-line{position:relative;width:100%}.line{border-bottom:4px solid #ccc3c3}.line-color{border-bottom:4px solid #e5007b;left:0;position:absolute;top:0}.card{cursor:pointer;font-family:Rubik,sans-serif;height:430px;width:260px}.card:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.card img{height:260px;width:260px}.card h3{color:#fff;font-size:20px;margin:8px 0}.card p{color:#ccc3c3;font-size:16px;text-align:center}
/*# sourceMappingURL=main.31ac9651.css.map*/