:root{font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.5;font-weight:400;text-align:center;color:#fafa08;background-color:#f5f5f5;background:transparent;opacity:.9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}h1,h2{text-align:center}button{border:.5vmin solid #1a1a1a;border-radius:.5vmin;padding:.8vmin;font-size:2vmin;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#f5f5f5;cursor:pointer}button:hover{background-color:#fff;color:#1a1a1a;border-color:#1a1a1a}button:disabled{background-color:gray}form{display:grid;gap:1.2vmin;padding:4vmin;border:.5vmin solid #1a1a1a;border-radius:1vmin}input,select,textarea{padding:.7vmin;font-size:2vmin;border:.3vmin solid #1a1a1a;border-radius:.5vmin}form>button:last-child{margin-top:2vmin}label{font-size:2vmin;font-weight:700}h2{text-align:center}.error-message{color:#a61d1d}p{font-size:30px;font-weight:bolder;color:#f6f605;margin-top:10rem}; .App{display:grid;grid-template-rows:auto auto}#main-section{display:flex;flex-direction:column;justify-content:center;align-items:center}body{opacity:.9;background-image:url(https://images.unsplash.com/photo-1681474172645-3931276cf5c3?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjJ8fEd5bSUyMGJsYWNrJTIwYW5kJTIwd2hpdGV8ZW58MHx8MHx8fDA%3D);background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;height:100%;width:100%}; .workout-item-container{display:grid;grid-template-columns:auto auto auto;gap:1rem}.workout-item-container>article{border:.5vmin solid yellow;padding:2vmin;border-radius:.8vmin}.NavBar{display:flex;justify-content:space-around;align-items:center;padding:2vmin;font-size:2vmin}.NavBar a{border-radius:.8vmin;padding:.5vmin 1.5vmin;text-decoration:none;color:#ff0;font-weight:bolder}.NavBar a:hover{background-color:#639;color:#f5f5f5}.NavBar span{color:#ff0;font-weight:bolder}.NewWorkoutPage{display:flex;gap:1rem};.EditWorkoutPage{display:flex;gap:1rem};.WorkoutDetailsPage{display:grid;grid-template-rows:auto;gap:1rem};{}