@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--scroll-area-color:#f5f5f5;--form-color:#d9d9d9;--btn-color:#474747;--input-color:#a3a3a3;--alert-color:#ffd7d7}*{box-sizing:border-box;color:#2c2c2c;margin:0;padding:0;font-family:Poppins,sans-serif}button,a{background-color:var(--btn-color);color:#fff;cursor:pointer;border:none;border-radius:10px;outline:none;margin:0 10px;padding:10px 30px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}button:hover{transform:scale(1.1)}.navbar{justify-content:space-between;align-items:center;width:100%;height:70px;margin-top:20px;padding:10px 30px;display:flex}.logo{flex-shrink:0;align-items:center;display:flex}.logo h2{font-size:30px}.unauth-user-btn-section{margin-right:20px}.home-page{grid-template-columns:3fr 1fr;gap:20px;margin-top:20px;padding:0 20px;display:grid}.workout-form{background-color:var(--form-color);border-radius:10px;width:300px;height:auto;min-height:350px;margin:20px auto;padding:20px}.workout-form h3{text-align:center;font-size:25px}fieldset{border:none}.fieldset-1{flex-direction:column;justify-content:space-around;align-items:center;margin:10px 0;display:flex}.fieldset-2{justify-content:space-around;align-items:center;margin-top:30px;display:flex}.fieldset-2 button{border-radius:20px;width:150px}input{background-color:var(--input-color);border:none;border-radius:10px;width:100%;padding:8px}label{align-self:flex-start;margin:5px}.searchbar{background-color:var(--form-color);border-radius:10px;justify-content:space-around;align-items:center;width:300px;margin:20px auto;padding:10px;display:flex}.searchbar button{border-radius:50%;padding:10px}.white-search-icon path{fill:#fff}.workout-block{background-color:var(--form-color);border-radius:10px;justify-content:space-around;align-items:center;width:100%;margin:20px 0;padding:15px 10px;display:flex}.workout-block h2{flex:1;margin-left:20px;font-size:22px}.workout-block .btn-section{flex:.5;justify-content:center;display:flex}.info-section{flex-direction:column;flex:1;justify-content:space-around;display:flex}.info-section p{font-size:18px;font-weight:500}.info-section span{font-weight:400}.error{background-color:var(--alert-color);color:red;border:1px solid red;border-radius:5px;margin:10px;padding:10px;position:absolute;bottom:10px}.err-field{background-color:#ffd7d7;border:1px solid red}.signup-page{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 90px);padding:20px;display:flex}.signup-form{background-color:var(--form-color);border-radius:10px;flex-direction:column;justify-content:space-evenly;width:300px;height:350px;padding:10px 15px;display:flex}.signup-form h2{text-align:center;font-size:30px}.workouts-container{scrollbar-width:none;flex-direction:column;height:75vh;padding:10px 5px;display:flex;overflow:hidden auto}.weight-field{height:25px;display:inline-flex}.reset{margin:10px auto}.message-box{flex-direction:column;justify-content:center;align-items:center;display:flex}.message-box h3{font-size:22px}@media (width<=768px){.navbar{text-align:center;flex-direction:column;gap:10px;height:auto;margin-top:10px;padding:15px 40px 15px 10px}.logo h2{font-size:24px}button,a{margin:5px;padding:8px 20px;font-size:14px}.home-page{flex-direction:column-reverse;gap:15px;padding:0 15px;display:flex}.workout-form,.searchbar{width:100%;max-width:340px;margin:10px auto}.workouts-container{height:auto;max-height:60vh;padding:0}.workout-block{text-align:center;flex-direction:column;gap:12px;margin:15px 0;padding:20px 15px}.workout-block h2{margin-left:0;font-size:20px}.info-section{align-items:center;gap:6px}.workout-block .btn-section{width:100%;margin-top:5px}.signup-page{min-height:50vh}input{padding:10px;font-size:16px}}