@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&family=VT323&display=swap";:root{--primary:#1aac83;--error:#e7195a}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit}ul{list-style:none}body{background:#f1f1f1;margin:0;font-family:Poppins}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 3rem}header{background:#fff;padding:1rem 2rem}header .container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.nav ul{align-items:center;gap:2rem;display:flex}header a{color:#333;text-decoration:none}header nav ul li a:hover,.user-li{text-underline-offset:.1rem;-webkit-text-decoration:underline #333;text-decoration:underline #333;text-decoration-thickness:.08rem}.pages{max-width:1400px;margin:0 auto;padding:20px}.home{grid-template-columns:3fr 1fr;gap:100px;padding:2rem 0;display:grid}.error-url{color:var(--error);text-align:center;margin-bottom:1rem}.error-msg{color:var(--error);padding:2rem;font-size:2rem}.loading-msg{padding:2rem;font-size:1.5rem}.workout-details{background:#fff;border-radius:4px;margin:20px auto;padding:20px;position:relative;box-shadow:2px 2px 5px #0000000d}.workout-details h4{color:var(--primary);margin:0 0 10px;font-size:1.2em}.workout-details p{color:#555;margin:0;font-size:.9em}.workout-details span{cursor:pointer;color:#333;background:#f1f1f1;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;top:20px;right:20px}label,input{display:block}input{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;margin-top:10px;margin-bottom:20px;padding:10px}form button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:4px;padding:10px;font-family:Poppins}div.error{border:1px solid var(--error);color:var(--error);background:#ffefef;border-radius:4px;margin:20px 0;padding:10px}input.error{border:1.2px solid var(--error)}.notfound-div{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:3rem 0;display:flex}.triangle{color:orange;font-size:5rem}.notfound-div h1{font-size:3rem}.notfound-div p{font-size:2rem}.notfound-div a{background-color:var(--primary);color:#fff;border-radius:.5rem;padding:.5rem 1rem;font-size:1rem;text-decoration:none}.form-wrapper{background-color:#fff;border-radius:.5rem;flex-direction:column;justify-content:center;max-width:500px;margin:5rem auto;padding:2rem;display:flex}.form-wrapper h1{margin-bottom:1rem;font-size:1.8rem}.form-group input{font-size:1rem}.form-error{color:var(--error);margin-bottom:1rem}