:root{--primary: #e5e5e5;--secondary: #fca311;--tertiary: #14213d}body{font-family:Roboto,sans-serif;margin:0;background-color:var(--primary)}h1{margin-top:0;padding-top:20px}ul{margin:0;list-style-type:none;padding:0}ul.card{background-color:var(--tertiary);padding:20px 40px;border-radius:3px;max-width:500px;margin:20px auto}ul.card li{background:#fff;color:#000;padding:10px;border-radius:3px;margin:10px 0;list-style-type:none;display:flex;justify-content:space-between}li.list-item{border:3px solid transparent}li.list-item:hover{border:3px solid var(--secondary)}.error{color:#a70000;margin:10px}a{text-decoration:none}.page-title{text-align:left;margin-left:20px}.subtitle{font-size:14px}.fullscreenBackground{height:100vh;background-repeat:no-repeat;background-size:cover}.fullscreenBackground.weights{background-image:url(/assets/media/weights.jpg)}.fullscreenBackground.floorWeight{background-image:url(/assets/media/floorweight.jpg)}.button:hover{opacity:.9}.home{background-image:url(/assets/media/weight.jpg);height:100vh;background-size:cover;background-repeat:no-repeat;padding-top:50px}.container{border:4px solid var(--tertiary);padding:10px 40px 40px;margin:0 auto;max-width:500px;background-color:var(--tertiary);color:#fff}.container ul{list-style-type:circle;padding-left:20px}.container ul li{margin:10px 0}.container .center button{background-color:var(--secondary);color:var(--tertiary);margin:20px 5px 0}@media screen and (min-width: 768px){.home{background-image:none;height:auto}.container{width:300px;margin:50px;background-color:var(--tertiary)}.container h1{font-size:28px}}video{width:100%;height:100%;position:fixed;z-index:-1;top:70px;object-fit:cover}header{background:var(--tertiary);display:flex;flex-direction:row;justify-content:space-between;align-items:center}header .logo img{margin-left:10px;width:50px;height:50px}header .menuIcon{background-color:var(--tertiary);color:var(--secondary);text-align:right;padding:20px}header ul.headerList{background-color:var(--tertiary);color:var(--secondary);padding:20px;text-align:right;text-transform:uppercase;font-weight:700}header ul.headerList li{padding:5px 0}header ul.headerList a{color:var(--secondary);text-decoration:none}@media screen and (min-width: 768px){header ul.headerList{display:flex;justify-content:right;gap:20px}}.selectedUser{background-color:var(--tertiary);color:var(--secondary);padding:20px 0;text-align:center}.bold{font-weight:700}.center{text-align:center}.loading{margin-top:20px}.performancesAndExcercises>div{background-color:var(--tertiary);color:#fff;margin:20px;padding-top:20px}@media screen and (min-width: 768px){.performancesAndExcercises{display:flex;flex-direction:row;justify-content:center;gap:50px}.performancesAndExcercises>div{width:350px}.performancesAndExcercises>div ul li{border:3px solid transparent}.performancesAndExcercises>div ul li:hover{border:3px solid var(--secondary)}}.selectedUser{background-color:var(--tertiary);color:var(--secondary);padding:20px 0;text-align:center;border-top:1px solid var(--primary)}.excercises .excercises-list .MuiPaper-root.muiCard{background-color:var(--tertiary);color:var(--secondary);margin:20px auto}.excercises .excercises-list .MuiPaper-root.muiCard a{color:var(--secondary);text-decoration:none}@media screen and (min-width: 768px){.excercises .excercises-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.excercises .excercises-list .excercises-card{width:250px;height:250px}}form{text-align:center;margin-top:50px}form .helper-text{color:#fff}form .form{width:270px;margin-bottom:10px}form .buttonRow{display:flex;gap:5px;justify-content:center}form .buttonRow .button{background-color:var(--secondary);color:var(--tertiary)}.login{background-image:url(/assets/media/weights.jpg);height:100vh;background-size:cover;background-repeat:no-repeat;color:#fff}.login .login-form-container{background-color:var(--tertiary);max-width:500px;margin:1px auto;padding:40px}.login .login-form-container .input-form{color:#000}.login .login-form-container .input-form .MuiInputBase-input{background:#fff;border-radius:3px}.login h1{margin:0}.content{background-color:var(--tertiary);max-width:500px;margin:1px auto;color:#fff;padding:20px 0}.content .MuiInputBase-input.MuiFilledInput-input{background:#fff}.content .MuiFormHelperText-root{color:#fff}.content .button.registerButton{background-color:var(--secondary)}h1{text-align:center}.image{height:200px;width:200px;margin:0 auto 20px}.image img{height:auto;max-height:200px;width:200px}ul.performances{margin:0 auto;max-width:600px;width:100%}ul.performances li{background-color:var(--tertiary);color:var(--secondary);margin:10px;padding:10px}ul.performances li .values{display:flex;gap:30px;justify-content:right}ul.performances li .values span{margin-top:10px}.chart-container{max-width:600px;margin:0 auto;padding:0 10px}