@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&family=VT323&display=swap";:root{--primary: #1aac83;--error: #e7195a}body{background:#f1f1f1;margin:0;font-family:Poppins}header{background:#fff}header .container{max-width:1400px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}header a{color:#333;text-decoration:none}header .links>a{color:#fff;text-decoration:none;font-size:small;padding:5px 10px}.pages{max-width:1400px;padding:20px;margin:0 auto;box-sizing:border-box}.workouts-list{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.workout-card{width:100%;background:#fff;border-radius:4px;margin:0 auto;padding:20px;position:relative;box-shadow:2px 2px 5px #0000000d;box-sizing:border-box}.workout-card:hover{background:#f9fafb;transform:translateY(-3px);box-shadow:0 4px 16px #00000014}.workout-card h4{margin:0 0 10px;font-size:1.2em;color:var(--primary)}.workout-card p{margin:0;font-size:.9em;color:#555}.workout-card span{position:absolute;top:20px;right:20px;cursor:pointer;color:#f1f1f1;padding:6px;border-radius:7%;background-color:var(--error);font-size:.7em}.form-page{width:100%}form{display:flex;flex-direction:column;align-items:center;justify-items:center;max-width:30%;margin:0 auto}label,input{display:block}input{padding:10px;margin-top:10px;margin-bottom:20px;width:100%;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}form button{background:var(--primary);border:0;color:#fff;padding:10px;font-family:Poppins;border-radius:4px;cursor:pointer}div.error{padding:10px;background:#ffefef;border:1px solid var(--error);color:var(--error);border-radius:4px;margin:20px 0}nav{display:flex;align-items:center}nav a{margin-left:10px}nav button{background:#fff;color:var(--primary);border:2px solid var(--primary);padding:6px 10px;border-radius:4px;font-family:Poppins;cursor:pointer;font-size:1em}form.signup,form.login{max-width:400px;margin:160px auto;padding:20px;background:#fff;border-radius:8px}.nav-link{color:#fff;text-decoration:none;font-weight:500;padding:.6rem 1.2rem;margin-right:6px;border-radius:4px;transition:all .25s ease-in-out;background-color:var(--primary)}.nav-link:hover{color:#f9fafb;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.nav-link:active{transform:translateY(0);box-shadow:none}