.container1{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;background-color:#fff;box-shadow:0 2px 8px #0000000d}.header{background-color:#fff;padding-bottom:1px}.logo{width:120px;height:120px;border-radius:100px;margin-left:5%;margin-top:10px;margin-bottom:10px}.signIn{background-color:#2e86de;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .3s ease;margin-right:5%;height:35px;width:75px}.signIn:hover{background-color:#1b4f72}.timerContainer{border:2px solid #dcdde1;background-color:#fff;border-radius:10px;margin:20px 10px;padding:20px;text-align:center;box-shadow:0 4px 10px #0000000d}.time{font-size:2.5em;font-weight:700;color:#353b48;border:none;background-color:#ecf0f1;padding:10px;border-radius:8px;width:60%;height:60px;max-width:300px;margin:0 auto 15px}.buttonsContainer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;max-width:600px;margin-left:auto;margin-right:auto}.buttonsContainer button{background-color:#2e86de;color:#fff;border:none;border-radius:8px;height:35px;width:70px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.start:hover,.pause:hover,.reset:hover{background-color:#1b4f72}.formSection{padding:30px 0}.errorContainer{background-color:#ffe6e6;border:1px solid #e74c3c;padding:12px 20px;border-radius:8px;margin:20px 5%;box-shadow:0 2px 6px #0000000d;animation:fadeIn .5s ease-in-out}.errorContainer ul{list-style:none;padding-left:0;margin:0}.errorMessage{color:#c0392b;font-size:14px;font-weight:500;margin:5px 0}.successMessage{background-color:#e8f8f5;border:1px solid #2ecc71;color:#27ae60;padding:12px 20px;border-radius:8px;margin:20px 5%;max-width:90%;text-align:center;font-size:14px;font-weight:500;box-shadow:0 2px 6px #0000000d;animation:fadeIn .5s ease-in-out}.form{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014}.dateLabel{margin-left:7%;padding-top:10px}.sessionDate{font-weight:700;color:#2f3640}.date{height:25px;border:1px solid #dcdde1;border-radius:6px;padding:5px;cursor:pointer}.copy{border-bottom:1px solid #dcdde1;padding-bottom:20px;margin-top:20px}.container2{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;align-items:center;padding-bottom:20px;width:100%}.extra{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.selectExercise{border:1px solid #dcdde1;border-radius:6px;height:30px;background-color:#ecf0f1;padding-left:5px;cursor:pointer;outline:none}.weightTypes{width:40px;border:none;cursor:pointer;outline:none}.weightInput{width:50px;height:19px;border:1px solid #dcdde1;border-radius:6px;text-align:center}.delete{height:20px;width:20px;margin-top:30px;margin-right:5%;border-radius:6px;background-color:#e74c3c;color:#fff;border:none;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.delete:hover{background-color:#c0392b}.container3,.container4{display:flex;flex-direction:row;flex-wrap:nowrap;margin-top:10px}.set1RepsLabel,.set2RepsLabel,.set3RepsLabel,.set4RepsLabel{text-align:center;width:50%}.set1Reps{width:100px;margin-left:auto;margin-right:auto}.set1RepsInput,.set2RepsInput,.set3RepsInput,.set4RepsInput{width:40px;height:20px;border:1px solid #dcdde1;border-radius:6px;text-align:center}.set2Reps{width:100px;text-align:center;margin-left:auto;margin-right:auto}.set3Reps,.set4Reps{width:100px;margin-left:auto;margin-right:auto}.addButton{margin-top:30px;margin-left:15%;height:30px;width:30px;border-radius:50%;background-color:#2ecc71;color:#fff;font-weight:700;font-size:1.2em;border:none;cursor:pointer;transition:background-color .3s ease}.addButton:hover{background-color:#27ae60}.submitButton{margin-left:55%;margin-bottom:25px;height:40px;width:120px;border-radius:8px;background-color:#2e86de;color:#fff;font-weight:700;border:none;cursor:pointer;transition:background-color .3s ease}.submitButton:hover{background-color:#1b4f72}.repsLogSection{margin-top:40px}.repsLog{text-align:center;font-size:2em;color:#2f3640;margin-bottom:20px}.empty{width:100%;background-color:#fff}.container7{padding:10px 20px}.dateLog{margin-left:15px;font-weight:700;color:#2d3436}.container6{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;overflow-x:scroll;text-align:center;margin:10px;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000d}.container6::-webkit-scrollbar{height:8px}.container6::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.container6::-webkit-scrollbar-thumb{background-color:#2e86de;border-radius:10px;border:2px solid #f0f0f0}.container6::-webkit-scrollbar-thumb:hover{background-color:#1b4f72}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.exerciseHeader,.weightHeader,.set1RepsHeader,.set2RepsHeader,.set3RepsHeader,.set4RepsHeader,.exerciseLog,.weightLog,.set1RepsLog,.set2RepsLog,.set3RepsLog,.set4RepsLog{padding:10px;border:1px solid #dcdde1}.exerciseHeader,.weightHeader,.set1RepsHeader,.set2RepsHeader,.set3RepsHeader,.set4RepsHeader{background-color:#2e86de;color:#fff}.set1RepsLog,.set2RepsLog,.set3RepsLog,.set4RepsLog{min-width:50px}.exerciseHeader{min-width:100px}.editCell{background-color:#fff;display:flex;justify-content:center;align-items:center;margin-left:10px;margin-right:10px}.editButton{width:22px;height:22px;background-color:#d8d8d8;border:none;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;font-size:.7em}.editButton:hover{background-color:#ffae68}.dropdownMenu{position:absolute;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #0003;z-index:100000;display:flex;flex-direction:column;padding:4px;right:1%}.dropdownOption{background:none;border:none;padding:6px 10px;text-align:left;width:100%;cursor:pointer}.dropdownOption:hover{background:#f0f0f0}.editExercise{width:90%;height:30px;border:1px solid #dcdde1;border-radius:6px;padding:4px 6px;background-color:#ecf0f1;font-size:14px;outline:none}.editExercise:hover{cursor:pointer}.weightLogEditContainer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.editWeight{width:50px;height:25px;border:1px solid #dcdde1;border-radius:6px;text-align:center;background-color:#ecf0f1;font-size:14px;margin-right:4px;outline:none}.editWeightUnit{width:45px;height:27px;border:1px solid #dcdde1;border-radius:6px;background-color:#ecf0f1;cursor:pointer;font-size:14px;outline:none}.editReps{width:40px;height:25px;border:1px solid #dcdde1;border-radius:6px;text-align:center;background-color:#ecf0f1;font-size:14px;outline:none}.saveButton{background-color:#2ecc71;color:#fff;border:none;border-radius:6px;font-weight:700;padding:4px 8px;margin-right:5px;cursor:pointer;transition:background-color .3s ease;font-size:13px}.saveButton:hover{background-color:#27ae60}.cancelButton{background-color:#e74c3c;color:#fff;border:none;border-radius:6px;font-weight:700;padding:4px 8px;cursor:pointer;transition:background-color .3s ease;font-size:13px}.cancelButton:hover{background-color:#c0392b}@media only screen and (min-width: 425px){.submitButton{margin-left:70%}}@media only screen and (min-width: 590px){.dropdownMenu{right:6%}}@media only screen and (min-width: 768px){.mediaContainer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly}.container3,.container4{display:flex;flex-direction:row;flex-wrap:nowrap;column-gap:150px;margin-bottom:20px}.delete{width:30px;height:30px}}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f6fa;color:#2f3640}.logo2{display:block;margin-left:auto;margin-right:auto;margin-bottom:-30px;width:150px;height:150px}.signUpContainer{width:100%;max-width:500px;margin:50px auto;position:relative;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;overflow:hidden}.toggleButtons{display:flex;justify-content:space-around;background-color:#ecf0f1}.toggleButtons button{flex:1;border:none;background-color:transparent;font-weight:700;padding:15px 0;cursor:pointer;transition:background-color .3s ease,color .3s ease}.toggleButtons button.active{background-color:#2e86de;color:#fff}.slides{display:flex;width:200%;transition:transform .5s ease-in-out}.signUpSlide,.loginSlide{width:50%;padding:30px;box-sizing:border-box}.signUpForm input,.loginForm input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #dcdde1;border-radius:6px;background-color:#ecf0f1;font-size:14px;outline:none;transition:border .3s ease}.signUpForm input:focus,.loginForm input:focus{border-color:#2e86de}.create,.signInButton{width:100%;background-color:#2e86de;color:#fff;border:none;border-radius:8px;font-weight:700;padding:10px;cursor:pointer;transition:background-color .3s ease}.create:hover,.signInButton:hover{background-color:#1b4f72}.regResponse,.responseMessage{margin-top:10px;padding:12px;border-radius:8px;font-size:14px;text-align:center;box-shadow:0 2px 6px #0000000d}.regResponse{background-color:#e8f8f5;border:1px solid #2ecc71;color:#27ae60}.responseMessage{background-color:#ffe6e6;border:1px solid #e74c3c;color:#c0392b}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media only screen and (min-width: 425px){.signUpContainer{max-width:400px}}@media only screen and (min-width: 768px){.signUpContainer{max-width:500px}}