@import"https://fonts.googleapis.com/css2?family=Lato&display=swap";body{font-family:Lato,sans-serif;background-color:#fff;color:#333;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh}.container{text-align:center}h1{color:#ff4f73;font-weight:700;font-size:24px}.card{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:60px;display:inline-block;position:relative}form{margin-bottom:20px}.form-group{margin-bottom:10px}input[type=text],input[type=password],button{padding:10px;margin:5px;border:1px solid #ff4f73;border-radius:5px;background-color:#fff;color:#333;font-family:Lato,sans-serif}#connect-button{background-color:#ff4f73;color:#333;font-family:Lato,sans-serif;cursor:pointer;transition:background-color .3s;position:absolute;bottom:10px;right:10px;z-index:10;font-size:15px}@media (max-width: 768px){#connect-button{position:revert}}button:hover{background-color:#ff1c4a}#heart-rate-display{position:relative}.bottomMiddle{display:flex;justify-content:center;align-items:center;position:fixed;bottom:0;left:0;right:0;height:50px;padding:0 20px;box-sizing:border-box}#setThresholdButton{cursor:pointer;margin:0 0 20px 15px;font-family:Lato,sans-serif;font-size:15px}#thresholdInput{display:flex;justify-content:center;align-items:center;background-color:#ff4f73;padding:0 20px;box-sizing:border-box;border:1px solid #2c3e50;border-radius:4px;margin-bottom:20px;height:40px;font-family:Lato,sans-serif;font-size:15px}.hidden{display:none}.heart{font-size:100px;color:#ff4f73;animation:heartbeat 1s infinite}#heart-rate{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#2c3e50;font-size:30px;z-index:2;font-family:Lato,sans-serif}@keyframes heartbeat{0%{transform:scale(1.2)}50%{transform:scale(1.3)}to{transform:scale(1.2)}}