.navbar{position:fixed;top:0;width:100%;background-color:#00000080;padding:10px 0;z-index:1000;display:flex;justify-content:center;align-items:center}.navbar-container{display:flex;justify-content:space-around;width:100%;padding:0 20px}.navbar-links{list-style-type:none;margin:0;padding:0;display:flex;justify-content:space-around;align-items:center;flex-grow:1}.navbar-links li{margin:0 15px}.navbar-links a{text-decoration:none;color:#fff;font-size:18px;font-weight:700;padding:10px 15px;border-radius:10px;transition:background-color .3s ease}.navbar-links a:hover{background-color:#fff3}.logout-btn{color:#fff;padding:10px 15px;border:none;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.logout-btn:hover{background-color:red}.hamburger{display:none;cursor:pointer}.bar{width:25px;height:3px;background-color:#fff;margin:4px;transition:.3s}.bar.open{background-color:red}@media (max-width: 768px){.navbar{padding:25px 0}.navbar-links{display:none;flex-direction:column;position:fixed;top:50px;right:0;background-color:#000000e6;width:200px;height:100%;justify-content:flex-start;padding-top:20px;align-items:flex-start;z-index:1000}.navbar-links.active{display:flex}.navbar-links li{margin-bottom:10px}.hamburger{display:block;position:absolute;top:15px;right:15px;z-index:1100}.navbar-links a{font-size:24px;padding:15px}}.text{color:#fff;padding:none;text-align:center}.password{width:90%;padding:10px;margin-bottom:20px;border:1px solid #ddd;border-radius:5px;font-size:16px;text-align:center}html,body{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;height:100%;background-image:url(/assets/zigzag-magenta-background-epl-english-premier-league-thumbnail-video-print-web-background-free-vector-1bdbcb8a.jpg)}.home-app-container{display:flex;height:100vh;overflow:hidden}.home-content{position:absolute;max-width:300px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;color:#fff;text-align:center;background-color:#0009;padding:20px;border-radius:10px}form{width:100%;max-width:500px;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.text,.text2{color:#fff;padding:none;text-align:center}input[type=text]{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ddd;border-radius:5px;font-size:16px}.input-field{text-align:center;color:#000}@media (max-width: 768px){.content{width:90%;margin-top:59px}}.app-container{display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:auto;width:100vw;position:relative;margin-top:60px}.form-background{color:#00000080;max-width:800px;width:100%}.prediction-form-content{z-index:1;color:#000;text-align:center;padding:20px;border-radius:20px;background-color:#0009;width:90vw;max-width:700px;box-sizing:border-box;overflow-y:auto}form{background-color:#0009;width:100%;padding:15px;border-radius:10px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box}input[type=text]{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;font-size:16px;box-sizing:border-box}button{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.table-container{display:flex;flex-direction:row;justify-content:space-between;width:100%;box-sizing:border-box}.team-column{width:48%;margin-bottom:20px}.draggable-item{padding:16px;margin-bottom:8px;background-color:#fff;border-radius:5px;border:2px solid #4caf50;box-shadow:2px 2px 5px #0000001a;display:flex;align-items:center;cursor:grab}.draggable-item img{margin-right:10px}@media (max-width: 768px){.table-container{flex-direction:column}.team-column{width:100%}.prediction-form-content{padding:10px}input[type=text],button{font-size:14px}.draggable-item{font-size:14px;padding:10px}}@media (max-width: 480px){.prediction-form-content{max-width:350px}.draggable-item{font-size:12px;padding:8px}input[type=text]{font-size:12px}button{font-size:12px;padding:8px}}.matchday-selector-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;color:#000;text-align:center;padding:20px;border-radius:20px;background-color:#0009;width:90%;max-width:900px;align-items:center;overflow-y:auto;margin-top:50px}.matchday-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-top:20px}.matchday-box{background-color:#f0f0f0;border:1px solid #ccc;padding:20px;cursor:pointer;transition:background-color .3s ease;border-radius:5px;font-size:16px;font-weight:700}.matchday-box:hover{background-color:#d1e7dd}.go-home-button{width:100%;margin-bottom:10px;margin-top:10px;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}@media (max-width: 768px){.matchday-selector-container{top:10%;transform:translate(-50%);margin-top:70px}.matchday-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.matchday-box{padding:15px;font-size:14px}}.matchweek-container img,.prediction-form-container img{width:40px;height:auto;vertical-align:middle}.matchday-form{background-color:#0000;padding:20px;border-radius:10px;box-sizing:border-box}.tables-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:20px}.matchweek-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80vh}.prediction-form-container{width:100%;max-width:800px;align-items:center;justify-content:center;margin:0 auto;background-color:#0009;padding:20px;border-radius:10px;box-sizing:border-box}.matchday-h1{text-align:center;margin-top:10vh;color:#fff;font-size:24px}table{width:100%;border-collapse:collapse;color:#37003c;background-color:#f5f5f5;margin-top:20px}th,td{padding:10px;text-align:left;border-bottom:1px solid #ddd}.matchday-button,.edit-button{padding:10px 15px;border:none;border-radius:5px;cursor:pointer;margin-bottom:10px}.matchday-button{background-color:#4caf50;color:#fff}.matchday-button:hover{background-color:#45a049}.edit-button{background-color:#00f;color:#fff}.edit-button:hover{background-color:#1414a5}.button-container,.navigation-buttons{display:flex;justify-content:center;gap:20px;margin-top:20px;margin-bottom:20px}.score-input{width:50px;padding:5px;text-align:center}@media (max-width: 768px){.display-form-content{padding:10px}table{font-size:.8em}}@media (max-width: 480px){.display-form-content{width:95vw}.prediction-form-container{width:95vw;padding:10px}table{font-size:.7em}.tables-container{flex-direction:column;align-items:center}table th,table td{padding:8px}table th.team-column,table td.team-column{width:auto}.prediction-table,.stats-table{display:block;width:100%}.prediction-table thead,.stats-table thead{display:none}.prediction-table tbody tr,.stats-table tbody tr{display:flex;flex-direction:column;margin-bottom:10px;border:1px solid #ddd;padding:10px;border-radius:5px}.prediction-table td,.stats-table td{display:flex;justify-content:space-between;padding:5px 0}.prediction-table td img,.stats-table td img{margin-right:10px}.prediction-table td input,.stats-table td input{width:30px;margin-left:10px}.score-input{width:25px}.prediction-table td.score-column,.stats-table td.score-column{width:50px}}.matchday-selections-container{display:flex;justify-content:space-between;padding:20px}.match-schedule,.user-predictions{width:48%}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid #ddd}th,td{padding:10px;text-align:left}button{padding:10px 15px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}html,body{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;height:100%;overflow-y:auto;overflow-x:hidden}.app-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;width:100vw;position:relative;margin-top:60px}.form-background{color:#000000e6;max-width:700px;width:100%}.display-form-content{z-index:1;color:#000;text-align:center;padding:20px;border-radius:20px;background-color:#0009;width:90vw;max-width:800px;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.tables-container{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:20px}table{width:100%;max-width:500px;border-collapse:collapse;box-shadow:0 2px 4px #0000001a;background-color:#fff;border-radius:10px;overflow:hidden}table th,table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}table th{background-color:#007bff;color:#fff;font-weight:700}table tr:nth-child(){background-color:#5505c5}table tr:hover{background-color:#f1f1f1}table th.team-column,table td.team-column{width:50%}button{width:100%;margin-bottom:10px;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#45a049}@media (max-width: 768px){.display-form-content{padding:10px}table{font-size:.9em}.tables-container{flex-direction:column;align-items:center}}@media (max-width: 480px){.display-form-content{width:95vw;padding:15px;border-radius:10px}table{font-size:.8em;max-width:100%;box-shadow:0 1px 2px #0000001a;width:100%}.tables-container{flex-direction:column;align-items:center;gap:10px}table th,table td{padding:10px}table th.team-column,table td.team-column{width:auto}.team-column{display:flex;align-items:center;justify-content:flex-start}.team-column img{margin-right:10px;flex-shrink:0}button{padding:12px;font-size:1em}table th.team-column,table td.team-column{width:auto;align-items:center;justify-content:space-evenly}.prediction-table,.stats-table{display:block;width:350px;justify-content:end}}@media (max-width: 480px){table{display:block;overflow-x:auto;width:100%}table thead,table tbody,table th,table td,table tr{display:block}table thead{display:none}table tr{margin-bottom:10px;border:1px solid #ddd;border-radius:5px;padding:10px}table td{display:flex;justify-content:space-between;align-items:center;padding:5px 0;text-align:left;position:relative}table td:before{content:attr(data-label);position:absolute;left:10px;width:45%;white-space:nowrap;text-align:left;font-weight:700}.team-column{display:flex;align-items:center}.team-column img{margin-right:10px;flex-shrink:0}.prediction-table td,.stats-table,table th.team-column,table td.team-column{justify-content:end}table tr:nth-child(odd){background-color:#efefef}.prediction-table td,.stats-table td{justify-content:end}}html,body{align-items:center;margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;height:100vh;min-height:100%;overflow-y:auto;background-image:"./assets/zigzag-magenta-background-epl-english-premier-league-thumbnail-video-print-web-background-free-vector.jpg";background-size:cover}