*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-family:Helvetica Neue;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:cover;background-color:#ddf1fd}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1,h2,h3,p{margin:0;padding:0}a{color:#0e4a9f;text-decoration:none;font-size:18px}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{border:1px solid #000;-webkit-text-fill-color:#000}.App{text-align:center;color:#000}.error{color:#820000;margin:10px}.hidden{display:none}header{top:0;width:100%;padding:30px}header nav{display:flex;justify-content:space-between;align-items:center}h1{font-family:"Saira Stencil One",sans-serif;color:#1d668f;font-style:normal;font-weight:500;font-size:56px;line-height:59px}.home-link{width:300px;text-align:left}.header-links{height:50px;width:120px;border-radius:30px;padding:10px 20px;font-size:24px;line-height:29px}.signup,.workouts{margin-right:50px;background-color:#1a975b;color:#fff}.signup:hover,.workouts:hover{background:#00b35d}.login,.logout{background:#1d668f;color:#fff}.login:hover,.logout:hover,.try-it:hover{background:#2c96d2}.menu-icon{display:none}.fa-bars{color:#1d668f}main{margin:0 auto;padding:40px;max-width:1080px}.container{background-color:#fff;padding:20px 80px;margin:0 auto;border-radius:50px;max-width:800px;min-height:400px;box-shadow:2px 4px 4px #c4c4c4}h2{color:#05733e;font-size:36px;font-weight:600}.lt-h2,.lt-h3,h2{margin-bottom:20px}.lt-h3{font-size:30px;font-weight:700;font-style:italic}.landing-text{margin:0 auto;text-align:left}main p{font-family:Helvetica Neue,sans-serif;font-style:normal;font-weight:400;margin-bottom:25px}.link,main p{font-size:24px;line-height:29px}.link{width:200px;height:50px;border-radius:30px;padding:10px 40px;margin-top:40px}.pad-bt-20{padding-bottom:20px}.btmrg-40{margin-bottom:40px}.try-cnt{text-align:center}.try-it{background:#1d668f;color:#fff;font-size:24px;padding:10px 20px;border-radius:30px}.form-container{margin:0 auto;padding:20px;background:#fff;max-width:600px;border-radius:50px;box-shadow:2px 4px 4px #c4c4c4}.inp-cont{margin:0 auto}.form-label{font-size:24px;line-height:29px;border:none}.login-form input,.signup-form input{height:60px;background:#fff;opacity:.9;font-size:24px;line-height:29px;padding:0 10px;border:1px solid #c4c4c4;border-radius:4px}.login-form input:-webkit-autofill,.signup-form input:-webkit-autofill{background:#fff;font-size:24px}.user-label{border:none}.submit{background-color:#0e4a9f;border:2px solid #0e4a9f;color:#fff}.create-form{text-align:center;display:flex;flex-direction:column;align-items:center;padding:20px 40px}label{display:grid;align-self:center;margin:10px;padding:10px;font-size:18px;font-weight:600;color:#0e4a9f;border:2px solid #0e4a9f;border-radius:30px}.check{background-color:#acafad;border:none;color:#fff;font-size:24px}input:checked+.check{background-color:#36b1f6}.checkbox-input{background-color:#acafad}.selected-checkbox{background-color:#36b1f6}input[type=checkbox],input[type=radio]{display:none}.name-wo{padding:8px 16px;font-size:24px;width:30rem;margin:10px;border:2px solid #a2a3a5;border-radius:30px;outline:none;color:#2f3031}.name-wo::-webkit-input-placeholder{color:#c4c4c4}.name-wo:-ms-input-placeholder{color:#c4c4c4}.name-wo::-ms-input-placeholder{color:#c4c4c4}.name-wo::placeholder{color:#c4c4c4}.arrow-btns{display:flex;flex-direction:row}.arr{color:#fff;border:none;transition:.3s ease-out;text-align:center;display:flex;justify-content:center;background-color:#1a975b;box-shadow:inset 0 0 0 0 #38aff3;outline:none}.r-arr:hover{box-shadow:inset 4rem 0 0 0 #38aff3}.l-arr:hover,.r-arr:hover{background-color:#1a975b;animation:moveRight 1s infinite;transition:.3s}.l-arr:hover{box-shadow:inset -4rem 0 0 0 #38aff3}.cw-sub:hover{background-color:#38aff3;transition:.3s}.wol-container{background-color:#fff;padding:20px 40px 40px;margin:0 auto;border-radius:50px;max-width:800px;box-shadow:2px 4px 4px #c4c4c4}.workouts-header{margin-bottom:20px}.menu{text-align:center;padding:0}.row{display:grid;grid-area:main}.view-link,button{background:#fff;border-radius:6px;display:inline-block;cursor:pointer;font-family:Roboto,sans-serif;font-weight:700;padding:6px 24px;text-decoration:none}.view-link{background-color:#167bb5;border-radius:30px;color:#fff;margin-bottom:5px;content:"View";box-shadow:inset 0 0 0 0 #38aff3;transition:.3s ease-out}.view-link:hover{background:#38aff3;box-shadow:inset 3rem 0 0 #38aff3}.view-link p{margin:0;width:3rem}.view-link p.new-label span{position:relative;content:"View"}.view-link:hover p.new-label span{display:none}.view-link:hover p.new-label:after{content:">";font-weight:700;position:relative;bottom:2px;animation:moveRight 1s infinite;transition:.3s}@keyframes moveRight{0%{left:-5px}to{left:5px}}.delete{background:#167bb5;color:#fff;border:none;padding:8px 24px;font-size:16px}.delete:hover{background:#38aff3}.submit:active{position:relative;top:1px;transition:.3s;outline:none}a:hover,button:hover{transition:.2s}.btn{margin:10px}.btn,.workouts-list{font-size:24px}.workouts-table{margin:0 auto;table-layout:fixed;padding:0 0 20px}.tr{border-bottom:.5px solid #000}.op-0{opacity:0}.mar-0{margin:0}.tb-del,.tb-name,.tb-view{width:30%;font-size:20px}.mar-40{margin:60px}.wo-name{font-family:"Roboto","sans-serif";font-weight:500;font-size:28px;line-height:28px}.create-link{margin-top:10px;position:relative;top:10px;background-color:#1a975b;color:#fff}.create-link:hover{background-color:#00b35d;color:#fff}.flex-cnt{display:flex;justify-content:space-between;align-items:center}.tbh{vertical-align:top}.inst{font-size:1.8rem}.ic{display:flex;align-items:center}.dt{font-size:1.8rem}.f-left{float:left}.ml-10{margin-left:10px}.lrg{font-size:28px;font-weight:600}.left{text-align:left}.right{text-align:right}.up-c-left{text-transform:uppercase;text-align:left}.desc,.num{font-size:1.5rem}.nav-link{list-style-type:none;color:#fff}.navbar{color:#fff;align-self:start}.nav{text-align:center;padding:20px}.detail{font-size:20px}.workout-details{font-size:20px;padding:10px;margin:10px}.exercise-reps{color:#fff;font-size:24px}.exercise-desc{font-size:18px}.cap{text-transform:uppercase}.ex-cont{margin:20px auto;max-width:680px;display:flex;align-items:center}.ex-desc{margin:0 10px 0 0;font-size:24px}.ex-reps{margin:0 0 0 10px;font-size:4rem}.sw-cont{margin:40px;background:#ecf5f7;border:5px solid #202526;border-radius:50%;display:inline-block;padding-top:75px;min-width:450px;min-height:450px;box-shadow:1.2px 2.4px 3px #2c4160}.sw-cont h4{margin:20px;font-size:6rem;border:2.5px solid #000;border-radius:4px;display:inline-block;padding:0 40px;background:#fff;box-shadow:.6px 1.2px 2px #2c4160}h5{margin-top:10px;font-size:2rem}.btn-cont button{margin:20px 5px}.finished-link{display:inline-block;padding:5px 10px;background-color:#04d775;border-radius:30px;margin:10px;color:#fff}#pause,#reset,#start{font-size:24px}#pause,#start{color:#fff;border-color:#0e4a9f;background:#0e4a9f}#reset{color:#fff;border-color:#ce453b;background:#ce453b}.finished-link:hover{background-color:#00b05e}@media(max-width:800px){h1{font-size:42px}.header-links{font-size:22px}.signup,.workouts{margin-right:10px}h2{font-size:30px}.landing-text p,ul li{font-size:18px}.try-it{left:0}.form-container{width:450px}.name-wo{width:22.5rem}.create-link{font-size:22px}tr>td>h3,tr>td>h4{font-size:1.35rem}.ex-desc{font-size:18px}.ex-reps{font-size:3rem}.sw-cont{min-height:337px;min-width:337px;padding-top:56.25px;margin:30px}.sw-cont>h4{font-size:4.5rem}#pause,#reset,#start{font-size:20px}}@media(max-width:600px){header{padding:10px}.nav-links{display:flex;flex-direction:column}.header-links{height:40px;width:108px;display:flex;align-items:center;justify-content:center}.login,.logout{margin-top:10px}.container,main{padding:10px}.try-it{font-size:18px;padding:5px 10px}.form-container{width:300px;padding:10px}.create-form{padding:0}.name-wo{width:15rem;font-size:18px}.wol-container{padding:10px 10px 40px}.wo-name{font-size:18px;line-height:20px}.dt{font-size:28px}}.la,.ra{display:grid;place-items:center;place-content:center;color:#fff;background-color:#262626;border-radius:50%;border:none;padding:1.2rem;transition:.3s;outline:none}.la:hover,.ra:hover{background:#006aff}.arrow{--border-size:.25rem;--size:calc(var(--border-size)*4);--color:#fff;border-left:var(--border-size) solid var(--color);border-bottom:var(--border-size) solid var(--color);width:var(--size);height:var(--size);transform:rotate(0);transform:rotate(var(--direction,0))}.up-arrow{--direction:135deg}.right-arrow{--direction:225deg;position:relative;right:2px}.down-arrow{--direction:-45deg}.left-arrow{--direction:45deg;position:relative;left:2px}@media(max-width:800px){.arrow{--border-size:.1875rem}}#wrapper{position:absolute;text-align:center}.loading-spinner{width:10rem;height:10rem;display:inline-block;border-radius:50%;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;margin-bottom:10rem;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-dots>div{width:3rem;height:3rem;background-color:#fff;border-radius:50%;display:inline-block;animation:bounce 1.5s ease-in-out infinite both}.loading-dots .bounce1{animation-delay:.3s}.loading-dots .bounce2{animation-delay:.15s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}
/*# sourceMappingURL=main.104edf2d.chunk.css.map */