.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:#fff}.container{width:100%;overflow-x:hidden}.match-container{max-width:100%;box-sizing:border-box;overflow:hidden;border:none}.primary-colour{background-color:#81248a}.secondary-colour{background-color:#0c2161}.teriary_colour{background-color:#f2b705}.accent_colour{background-color:#c776e8}.background_colour{background-color:#f0f0f0}.text-colour{color:#000!important}.navbar-header{background-color:#81248a!important}.bs-button{background-color:#c776e8!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}.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}.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%}}