body{font-family:Roboto,sans-serif;font-size:1.3rem;background-color:#d9d9d9;display:flex;justify-content:center;align-items:center}.pace-calculator{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:20px;width:90%;width:500px}.error-msg{color:#fff;background-color:#c64528;margin-bottom:10px;padding:5px;border-radius:8px}h1{text-align:center;color:#333;font-size:2rem}.input-group{margin-bottom:15px}label{margin-bottom:5px;font-weight:700;color:#555}.input-field{width:96%;padding:8px;border:1px solid #ddd;border-radius:4px;margin-top:5px;font-size:1.4rem;animation:fadeIn .2s ease-in-out}select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;margin-top:5px;font-size:1.4rem;animation:fadeIn .2s ease-in-out}.copyright{margin-top:20px;margin-bottom:none;padding-bottom:none;font-size:1rem;text-align:center}.submit-button,.reset-button{width:49%;padding:10px;color:#fff;border:none;border-radius:4px;font-size:1.4rem;cursor:pointer}.submit-button{background-color:salmon}.reset-button{background-color:#a1a1a1;margin-left:1%;margin-right:-1%}{background-color:#979797}.submit-button:hover,.submit-button:active{background-color:#ff4500}.reset-button:hover,.reset-button:active{background-color:#979797}.results-table-title{color:#000;padding-top:15px;text-align:center;font-size:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-table{width:100%;margin-top:10px;border-collapse:collapse;table-layout:fixed}.result-table-container{animation:fadeIn .5s ease-in-out;width:97.5%}.result-table{border-radius:9px;border:#000 2px}.result-table th,.result-table td{border:none;padding:10px;text-align:center;width:49%}.result-table th{background-color:salmon;color:#fff;font-size:1.4rem}.result-table td{background-color:#a1a1a1;color:#000}@media (min-width: 769px){.body{height:100vh}.pace-calculator{margin-top:100px}}@media (max-width: 768px){.pace-calculator{width:95%;padding:10px}.submit-button,.reset-button{width:100%;margin:5px 0}.result-table-container{margin-bottom:20px}h1{font-size:1.8rem}}.coffee-button{position:fixed;bottom:20px;right:20px;background-color:salmon;color:salmon;font-size:24px;padding:10px 15px;border-radius:50px;box-shadow:0 4px 8px #0000001a;z-index:1000;transition:background-color .3s ease,transform .3s ease;text-decoration:none}.coffee-button:hover{background-color:#00ff59;transform:scale(1.1)}.pacecalcs-logo{font-family:Arial,sans-serif;font-weight:700;font-size:2rem;display:inline-block;position:relative;text-transform:lowercase;margin-bottom:3%}.pacecalcs-logo .pace{color:salmon;position:relative}.pacecalcs-logo .calcs{color:#000000d9;margin-left:5px;position:relative;text-shadow:1px 1px 5px rgb(191,191,191)}.pacecalcs-logo:hover .pace,.pacecalcs-logo:hover .calcs{color:salmon;transition:color .3s ease}.pacecalcs-logo:before{content:"";position:absolute;width:100%;height:5px;background-color:salmon;bottom:-8px;left:0;border-radius:5px;transition:transform .3s ease;transform:scaleX(0)}.pacecalcs-logo:hover:before{transform:scaleX(1)}.pacecalcs-logo .pace{animation:slide-in .8s cubic-bezier(.25,.8,.25,1) forwards}.pacecalcs-logo .calcs{animation:fade-in 1.2s ease forwards}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}