styles.min.css

.result-item .tooltip,.tooltip,.tooltiptext{transform:translateY(-50%)}.modal-content,.tooltip,body{font-family:Arial,sans-serif}.modal-content,.tooltip .icon,.tooltiptext,body{text-align:center}button,p{font-size:16px}.close,.info-button,.tooltip,button{cursor:pointer}body{background-color:#00bfff;color:#fff;margin:0;padding:0}.container{padding:20px}h1,h2{margin:10px 0}.calculator,.leaderboard{background-color:#008bff;border-radius:10px;margin:20px auto;max-width:400px;padding:20px;width:80%}input[type=number]{border:none;border-radius:5px;margin:10px 0;padding:10px;width:calc(100% - 20px)}.time-input input[type=number]{margin:5px;width:20%}button{background-color:#32cd32;border:none;border-radius:5px;color:#fff;padding:10px}button:hover{background-color:#228b22}.leaderboard-item{background-color:#007acc;border-radius:5px;margin:10px 0;padding:10px}.info-popup,.tooltiptext{background-color:#333;color:#fff}#result p,.future-amount-input,.input-group,.time-input{margin:10px 0;padding-right:30px;position:relative}.tooltip,.tooltiptext,.tooltiptext:after{position:absolute;top:50%}.tooltip{display:inline-block;right:0}.tooltip:hover .tooltiptext{opacity:1;visibility:visible}.tooltiptext{border-radius:5px;left:calc(100% + 10px);opacity:0;padding:10px;transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.tooltiptext:after{border:10px solid transparent;border-right-color:#333;content:"";margin-top:-10px;right:100%}.tooltip .icon{background-color:#4caf50;border-radius:50%;color:#fff;display:inline-block;height:20px;line-height:20px;width:20px}.info-popup{border-radius:5px;display:none;padding:10px;position:fixed;z-index:1000}.result-item{align-items:center;display:flex;justify-content:space-between;margin:10px 0;padding-right:30px;position:relative}.result-item .tooltip{position:absolute;right:0;top:50%}#result .tooltip .icon{font-size:14px;height:18px;line-height:18px;width:18px}.info-button-container{position:absolute;right:10px;top:10px}.info-button{align-items:center;background-color:#4caf50;border:none;border-radius:50%;color:#fff;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.modal{background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:.3s modalopen;background-color:#fff;border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,.3);margin:10% auto;max-width:700px;padding:20px;width:80%;color:#333}p{line-height:1.6;margin-left:auto;margin-right:auto;max-width:90%;text-align:left;margin-bottom:15px}.close{color:#aaa;float:right;font-size:28px;font-weight:700;transition:color .3s}.close:focus,.close:hover{color:#000}@keyframes modalopen{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}.total-gems{color:gold;font-size:14px;margin-left:20px}.future-amount-input input[type=date],.future-amount-input input[type=time]{border:none;border-radius:5px;margin:5px;padding:10px;width:calc(40% - 10px)}.future-amount-input input[type=date]::-webkit-calendar-picker-indicator,.future-amount-input input[type=time]::-webkit-calendar-picker-indicator{background-color:#fff;padding:5px;cursor:pointer;border-radius:3px}.future-amount-input button{width:calc(20% - 10px);margin:5px}