*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Varela Round,sans-serif}body{padding:10px;background:linear-gradient(to top right,#cacaca,#e4e4e4)}.topbar{width:100%;height:60px;line-height:60px;background-color:#000;color:#f2f2f2;display:flex;align-items:center;padding:0 20px;border:0;border-radius:40px}.topbar .title{font-size:24px;font-weight:700}.card{background-color:#f2f2f2;border-radius:10px;padding:20px;margin:20px 0}.main-container{display:flex;height:100%}.main-content{padding:10px;width:100%}.loading-bar-container{position:relative;width:100%;height:4px;background-color:#000;overflow:hidden;border-radius:2px;margin:10px 0}.loading-bar-container .loading-bar{position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent,#B9FF66,transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-50%}to{left:100%}}