*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:100vh}.main-container{width:100%;height:100vh;background-color:#d8bfd8;display:flex;align-items:center;justify-content:center}.card-container{width:100%;max-width:380px;background-color:#ff69b4;border-radius:.8rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.first-row{width:100%;height:30px;display:flex;justify-content:end}.refresh-image-container{width:50px}.refresh-image-container img{width:100%;height:100%;cursor:pointer}.second-row{width:100%;height:330px;background-image:linear-gradient(120deg,#00b7ff,#4dbd7c,#eddd53);color:#fff;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.second-row h1{word-break:break-all}.third-row{width:60px;height:60px;display:flex;justify-content:center}.start-stop-image-container{width:100%;height:100%;background-color:#fff;padding:.7rem;border-radius:50%}.start-stop-image-container img{width:100%;height:100%;cursor:pointer}@media(max-width:400px){.card-container{margin-inline:.8rem}}