.App{font-family:Arial,sans-serif;padding:20px}button{margin:5px;padding:10px;background-color:#4caf50;color:#fff;border:none;cursor:pointer}button:disabled{background-color:#d3d3d3;cursor:not-allowed}input{padding:5px;margin:5px}body,html{margin:0;padding:0;overflow-x:hidden;background-color:#132045}.container{width:100%;overflow-x:hidden}.match-container{max-width:100%;box-sizing:border-box;overflow:hidden;border:none}.primary-colour,.secondary-colour{background-color:#223c56!important}.teriary_colour{background-color:#487e8c!important}.accent_colour{background-color:#c776e8!important}.background_colour{background-color:#5ea3a9!important}.text-colour{color:#fff!important}.navbar-header{background-color:#487e8c!important}.bs-button{background-color:#0d3761!important}.footer{padding:2rem;font-family:Arial,sans-serif}.footer-large-content{margin-top:40px}.footer-container{display:flex;justify-content:space-between;align-items:center;text-align:center;margin-bottom:1rem}.footer-column{flex:1;padding:0 1rem}.footer-links,.footer-socials,.footer-contact{list-style:none;padding:0}.footer-links li,.footer-socials li,.footer-contact li{margin-bottom:10px}.footer-links a,.footer-socials a,.footer-contact a{color:#fff;text-decoration:none}.footer-links a:hover,.footer-socials a:hover,.footer-contact a:hover{text-decoration:underline}.footer-bottom{text-align:center;font-size:.9rem;color:#fff;margin-top:1rem}.leaderboard-table{width:100%;border-collapse:collapse;font-family:Poppins,sans-serif}.leaderboard-table thead th{padding:12px 15px;text-transform:uppercase;font-size:.85rem;color:#888;text-align:left;border-bottom:2px solid #eee}.leaderboard-table thead .th-points{text-align:left}.leaderboard-table tbody td{padding:15px;vertical-align:middle;border-bottom:1px solid #eee;font-size:.95rem}.leaderboard-table tbody tr:last-child td{border-bottom:none}.leaderboard-table .rank{font-weight:700;font-size:1.1rem;color:#fff;width:60px;text-align:center}.leaderboard-table .user{display:flex;align-items:center}.leaderboard-table .user .avatar{width:45px;height:45px;border-radius:50%;margin-right:15px;object-fit:cover}.leaderboard-table .user .username{font-weight:600}.leaderboard-table .points{text-align:right;font-weight:700;font-size:1.1rem;color:#fff}.leaderboard-table .rank-1,.leaderboard-table .rank-2,.leaderboard-table .rank-3{font-weight:700}.leaderboard-table .rank-1 .rank:before,.leaderboard-table .rank-2 .rank:before,.leaderboard-table .rank-3 .rank:before{font-size:1.5rem;display:block;margin:-5px auto 5px}.leaderboard-table .rank-1{background-color:#e0b508}.leaderboard-table .rank-2{background-color:#8693b1}.leaderboard-table .rank-3{background-color:#c2672a}.home-body{max-width:85vw;margin:auto}.carousel-container{max-height:600px;overflow:hidden}.carousel-item-div{width:100%;height:auto;display:flex;justify-content:center;background-color:#000;padding:0 10%}.carousel-image{width:100%;height:100%;max-height:600px;object-fit:contain;object-position:center}.twitch-player-container-home{position:relative;width:70%;min-width:300px;padding-bottom:36.75%;height:0;overflow:hidden}.twitch-player-iframe-home{position:absolute;top:0;left:0;width:100%;min-width:340px;height:100%;min-height:400px}.info-container{flex:1 1 0%;padding:16px}@media (max-width:2050px){.twitch-player-container-home{width:100%}.info-container{flex:none;width:100%}}.leaderboard-body{width:95vw;margin:auto}.pickem-button-div{position:relative;min-width:300px;display:flex;flex-wrap:wrap;justify-content:flex-start;height:fit-content;flex:2;gap:20px}.pick-button-container{position:relative;text-align:center;display:flex;margin-left:0;margin-right:0;margin-bottom:30px;flex:1 1 250px;min-width:400px;max-width:calc(50% - 10px)}.pick-button-image{vertical-align:middle;max-width:100%;width:100%;height:auto;object-fit:cover}.centred-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;pointer-events:none}.bottom-centred-text{position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);font-size:18px;pointer-events:none;width:300px}@media (max-width: 1610px){.button-container{flex-direction:column}.pickem-button-div,.standing-container{width:100%;flex:1 1 auto}.pick-button-container{min-width:400px;max-width:calc(40%-10px)}}@media (max-width: 1026px){.pick-button-container{flex:1 1 100%;min-width:250px;max-width:100%}.button-container{gap:16px;margin-left:5vw;margin-right:5vw}.pickem-button-div{width:100%;flex:1 1 100%;display:flex;gap:20px}}.twitch-player-container{position:relative;width:100%;min-width:300px;overflow:hidden;display:flex;justify-content:center}.twitch-player-iframe{display:flex;top:0;left:0;width:80%;aspect-ratio:16/9}.crystal-ball-selector{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;overflow-x:auto}.crystal-ball-selector .card{border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a;max-width:270px;flex:1 1 calc(33% - 20px);min-width:230px;box-sizing:border-box}.crystal-ball-selector .card img{object-fit:cover;width:100%;height:200px}.category-section{margin-bottom:20px;padding:10px;border-bottom:2px solid #333}.category-title{font-size:1.5rem;font-weight:700;padding:10px;border-top:2px solid #333;margin:0;width:100%;text-align:center}.category-section h3{margin-top:0}.dropdown-menu-custom{z-index:1050;max-height:300px;overflow-y:auto;width:100%;overflow:visible}.card{position:relative;z-index:1}@media (max-width: 768px){.crystal-ball-selector .card{flex:1 1 calc(50% - 20px)}}@media (max-width: 480px){.crystal-ball-selector .card{flex:1 1 100%}}.match-container{display:flex;align-items:center;justify-content:space-between;border-radius:8px;margin:10px 0;padding:15px;background-color:#fff;position:relative;overflow:hidden}.teams{display:flex;flex:1;margin-right:10px}.team{flex:1;text-align:center;cursor:pointer;transition:all .3s ease;font-weight:700;min-height:120px;display:flex;justify-content:center;align-items:center}.team.chosen{flex:3}.team.unchosen{flex:.5;opacity:.6}.team-content{display:flex;align-items:center;justify-content:center;width:100%}.points{font-size:16px;font-weight:700;margin-right:10px;text-align:left}.team-center{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.team-image{margin-bottom:5px}.team-name{font-weight:700;text-align:center;color:#222929}.details{flex-shrink:0;min-width:150px;text-align:right;font-size:14px;color:#555}.flex-container{display:flex;flex:1 1 0px;justify-content:space-evenly;align-items:stretch}.flex-container>div{margin:10px;padding:20px;font-size:30px;flex:1 1 0}@media (max-width: 670px){.flex-div-text{font-size:24px}}@media (max-width: 580px){.flex-div-text{font-size:18px}}@media (max-width: 500px){.flex-div-text{font-size:14px}}.info-body,.lazy-loading-container{max-width:1400px;width:100%;margin:auto}.signup-body{width:45vw;min-width:350px;margin:auto}.signup-form-container{width:95%;padding-left:15px}.login-body{width:45vw;min-width:350px;margin:auto}