@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400&display=swap);body,html{background-color:#232323;color:#fff}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-div{height:100vh;width:100vw}.logo-div,.page-div{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.small-logo{width:100px;margin-bottom:2px}.small-logo-div{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}.small-logo-div>#title-flexercise{font-size:40px}.small-logo-div>#slogan-flexercise{font-size:12px}.logo-img{width:60%}#title-flexercise{font-family:Arial;font-size:60px;font-style:italic;font-weight:900;color:#f5f5f5;margin:0}#slogan-flexercise{text-transform:uppercase;background:-webkit-linear-gradient(#fbb040,#f9ed32);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#f9ed32;font-weight:750;margin:0;font-size:1.2em;letter-spacing:3px;word-spacing:5px}.explanation-background{background-color:#f5f5f5;color:#232323;padding:10px 30px;border-radius:10px;width:500px}.thinline{border-bottom:1px solid #fbb040}.page-div>.small-logo-div{margin-bottom:20px;margin-top:20px}.choose-avatar{width:70px;background-color:#f9ed32;border:3px solid #fbb040;border-radius:50%;margin-right:20px}.nameinput-div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-text{width:250px;height:20px;border-radius:10px;padding:10px;margin:0 10px;background-color:#f5f5f5;color:#000;border:1px solid #f5f5f51a}.input-text::-webkit-input-placeholder{color:#000;font-weight:700;text-align:center}.input-text::-moz-placeholder{color:#000;font-weight:700;text-align:center}.input-text::-ms-input-placeholder{color:#000;font-weight:700;text-align:center}.input-text::placeholder{color:#000;font-weight:700;text-align:center}.input-text:focus,.select-seed:focus{outline:none;border:1px solid #f9ed32;background-color:#333333b0;color:#fff}.input-text:hover,.select-seed:hover{border:2px solid #f9ed32}input::-moz-selection{background-color:#f9ed32;color:#232323}input::selection{background-color:#f9ed32;color:#232323}.select-seed{padding:12px;border-radius:10px;background-color:#333;color:#fff;border:1px solid #f5f5f51a}.disabled{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.3}.disabled:hover{all:none}.exercise-images{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:20px}#choose-exercise{position:relative;cursor:pointer}.select-img{width:300px;height:300px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin:0 10px;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.middle,.select-img{opacity:1;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.middle{position:absolute;bottom:70px;left:160px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}#choose-exercise:hover .select-img{opacity:.3}#choose-exercise:hover .middle{opacity:1}.text{border-radius:5px;-webkit-text-stroke:#000 2px;font-weight:800;color:#f5f5f5;font-size:40px;padding:5px 10px}.video-responsive{margin:20px 0}.video-responsive iframe{max-width:600px;max-height:340px}.timer-container{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;width:592px;background-color:#e5e5e5}.timer-box,.timer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:150px}.timer-box{font-size:100px;font-family:Orbitron;color:#232323;width:100%;-ms-flex-pack:center;justify-content:center}#start{border-radius:0;border:none;font-size:1.5em;font-weight:900;height:150px;margin:0 0 0 10px}.reps-div>.text-div{background-color:#f5f5f5;color:#232323;font-size:30px;margin-bottom:30px}.reps-div>.input-text,.reps-div>.text-div{padding:20px 50px;width:250px;text-align:center}.reps-div>.input-text{border-radius:0;margin-bottom:20px}.motivation-div>.text-div{background-color:#f5f5f5;color:#898484;font-size:25px;padding:5px 20px;width:350px;text-align:center;margin-top:30px}.motivation-picture{width:390px;border:1px solid #f5f5f5}.my-button{-webkit-box-shadow:0 1px 0 0 #fff6af;box-shadow:0 1px 0 0 #fff6af;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#ffec64),to(#ffab23));background:-webkit-linear-gradient(top,#ffec64 5%,#ffab23);background:-o-linear-gradient(top,#ffec64 5%,#ffab23 100%);background:linear-gradient(180deg,#ffec64 5%,#ffab23);background-color:#ffec64;border-radius:6px;border:1px solid #fa2;display:inline-block;cursor:pointer;color:#333;font-family:Arial;font-size:15px;font-weight:700;padding:10px 24px;text-decoration:none;text-shadow:0 1px 0 #fe6;margin-top:50px}.homepage-div>button{padding:15px 60px;border-radius:15px;font-weight:800;line-height:18px}.my-button:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#ffab23),to(#ffec64));background:-webkit-linear-gradient(top,#ffab23 5%,#ffec64);background:-o-linear-gradient(top,#ffab23 5%,#ffec64 100%);background:linear-gradient(180deg,#ffab23 5%,#ffec64);background-color:#ffab23}.my-button:active{position:relative;top:1px}#submit-button{margin-top:20px}.leaderboard{height:500px;overflow-y:hidden;margin-bottom:10px}table{border-collapse:collapse;background-color:transparent;border:2px solid #f5f5f5}td,th{border-bottom:1px solid #fa2;text-align:left;padding:5px;text-transform:capitalize}#table-avatar{width:100px;text-align:center}.results-avatar{width:2.5vw}#table-name{width:140px;font-weight:700}#table-score{width:100px;text-align:center}.leaderboard-div>.small-logo-div{margin-top:70px;margin-bottom:20px}.leaderboard-div>.my-button{margin-top:0}@media screen and (max-width:1000px){.homepage-div{background-image:url(/w15_collaborative-react-project-fitness-app/static/media/Lunge.5c577200.jpg);width:100vw;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}}@media only screen and (max-width:600px){.small-logo{width:70px}.logo-img{width:40%}.my-button{font-size:12px}.page-div{width:100%;max-height:100vh}#title-flexercise{font-size:2.5em}.explanation-background{border-radius:0;background-color:#f5f5f5;width:80vw}.explanation-background>h1{font-size:1.2em}.text-div>p{font-size:14px}.nameinput-div{-ms-flex-direction:column;flex-direction:column;margin-top:300px}.selection-div>.small-logo-div,select{display:none}.choose-avatar{width:20%;margin:0 0 10px}.exercise-images{-ms-flex-direction:column;flex-direction:column}.middle{bottom:40px}.text{font-size:30px}.select-img{width:300px;height:200px;margin:10px 0}.video-responsive iframe{max-width:90vw;height:50vw}.timer-container{width:90vw;height:80px}.timer-box{font-size:50px;height:70px}#start{font-size:1em;height:80px;margin:0 0 0 20px}.motivation-picture{width:100vw;margin:0;border:none;border-radius:0}.motivation-div>.text-div{text-align:center}.results-avatar{width:30px}table{border:none;margin-top:20px}}
/*# sourceMappingURL=main.200ceb7c.css.map*/