@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);.home-container{align-items:flex-start;display:flex;flex-direction:column;height:100%;opacity:0;padding:5%;position:relative;transition:opacity 1.5s ease-in-out}.home-container.loaded{opacity:1}.home-img{height:auto;margin-bottom:2%;margin-top:-7%;width:15%}.home-text{align-items:flex-start;display:flex;flex-direction:column;max-height:90%;width:40%}.home-text .home-title{animation:fadeIn 1.5s ease-in-out;color:#e6b17e;font-size:2.5rem;margin:0}.home-text .home-subtitle{animation:fadeIn 2s ease-in-out;color:#2745b0;font-size:1.5rem;margin-top:10px}.home-text .home-warning{animation:fadeIn 2s ease-in-out;color:red;font-size:1.4rem;margin-top:10px}.home-text h3{animation:fadeIn 2.5s ease-in-out;color:#000;font-size:1.2rem}.home-text h3,.home-text h4{margin-top:10px;text-align:left}.home-text h4{animation:fadeIn 3s ease-in-out;color:#222;font-size:1rem}.home-text h4 a{color:#e6b17e}.home-text h4 a:hover{color:#ff8c00;text-decoration:underline}@media screen and (max-width:1400px){.home-container{padding:5%}.home-container .home-img{height:auto;width:200px}.home-container .home-text{width:50%}.home-container .home-title{font-size:2rem}.home-container .home-subtitle{font-size:1.2rem}.home-container h3{font-size:1rem}.home-container h4{font-size:.9rem}}@media screen and (max-width:1000px){.home-container{padding:5%}.home-container .home-img{height:auto;width:150px}.home-container .home-text{width:80%}.home-container .home-text .home-title{font-size:1.5rem}.home-container .home-text .home-subtitle{font-size:1rem}.home-container .home-text h3{font-size:.9rem}.home-container .home-text h4{font-size:.8rem}}.nav-bar{align-items:center;background:#2745b0;box-shadow:0 2px 4px #000000e6;display:flex;height:100px;opacity:.8;position:fixed;top:0;width:100%;z-index:3}.nav-bar .logo{padding:8px 10px}.nav-bar .logo img{display:block;height:auto;margin:3px auto 3px 15px;width:75px}.nav-bar nav{align-items:center;display:flex;flex-grow:1;justify-content:space-evenly;padding-left:0}.nav-bar nav a{color:hsla(0,0%,94%,.514);display:block;font-size:22px;margin:0 40px;position:relative;text-decoration:none}.nav-bar nav a i{transition:all .3s ease-out}.nav-bar nav a:hover{color:#fff}.nav-bar nav a:hover svg{opacity:0}.nav-bar nav a:hover:after{opacity:1}.nav-bar nav a:after{bottom:0;content:"";display:block;font-size:16px;letter-spacing:2px;opacity:0;position:absolute;text-align:center;transition:all .3s ease-out;width:100%}.nav-bar nav a:first-child:after{content:"HOME"}.nav-bar nav a.teams-link:after{content:"TEAMS"}.nav-bar nav a.search-link:after{content:"SEARCH"}.nav-bar nav a.position-link:after{content:"POSITIONS"}.nav-bar nav a.predictor-link:after{content:"MATCH PREDICTOR"}.nav-bar nav a.active svg{color:#fff}.close-icon,.hamburger-icon{display:none}@media screen and (max-width:1400px){.nav-bar{height:auto;min-height:auto}.nav-bar nav{background:#2745b0;display:none;height:140px;left:0;margin:0;position:fixed;top:0;width:100%;z-index:2}.nav-bar nav a{display:flex;margin:4px;padding-left:35%}.nav-bar nav a:after{margin-left:10px;opacity:1;position:static;width:auto}.nav-bar nav a svg{opacity:1!important}.nav-bar nav.mobile-show{display:block}.nav-bar .close-icon,.nav-bar .hamburger-icon{display:block;position:fixed;right:15px;top:15px}}.teams-page{animation:fadeIn 1.5s ease-in-out;color:#222;margin-top:-7%;padding:20px}.teams-page h1.team-page-title{margin-bottom:-1%;margin-left:-1.5%;padding:2%;text-align:left}.teams-page .team-search-bar{margin-bottom:50px;margin-left:.5%;width:50%}.teams-page .team-search-bar input{background-color:#fff;border:2px solid #e6b17e;border-radius:20px;color:#000;padding:10px;width:100%}.teams-page .team-search-bar input:focus{border-color:#2745b0;outline:none}.teams-page .team-images-container{grid-gap:80px;display:grid;gap:80px;grid-template-columns:repeat(5,1fr);margin-top:40px}.teams-page .team-image-box{border-radius:10px;height:250px;overflow:hidden;position:relative;transition:transform .3s}.teams-page .team-image-box:hover{transform:scale(1.05)}.teams-page .team-image-box .teams-image{height:100%;object-fit:contain;width:100%}.teams-page .team-image-box .team-content{background:#00000080;bottom:-70px;height:auto;left:0;padding:10px;position:absolute;right:0;transition:bottom .3s ease-in-out}.teams-page .team-image-box .team-content .team-title{color:#fff;font-size:18px;margin:5px}.teams-page .team-image-box .team-content .team-btn{background-color:#e6b17e;border:none;color:#000;cursor:pointer;margin-top:20px;padding:5px 10px;text-decoration:none;transition:background-color .3s}.teams-page .team-image-box .team-content .team-btn:hover{background-color:#fff}.teams-page .team-image-box:hover .team-content{bottom:0}@media screen and (max-width:1400px){.teams-page{overflow-x:auto;padding:20px}.team-images-container{gap:10px;grid-template-columns:repeat(5,80vw);width:-webkit-max-content;width:max-content}.team-image-box{width:50vw}}.positions-page{animation:fadeIn 1.5s ease-in-out;color:#222;margin-top:-7%;padding:20px}.positions-page h1.position-page-title{margin-bottom:-1%;margin-left:-1.5%;padding:2%;text-align:left}.positions-page .position-search-bar{margin-bottom:50px;margin-left:.5%;width:50%}.positions-page .position-search-bar input{background-color:#fff;border:2px solid #e6b17e;border-radius:20px;color:#000;padding:10px;width:100%}.positions-page .position-search-bar input:focus{border-color:#2745b0;outline:none}.positions-page .position-images-container{grid-gap:80px;display:grid;gap:80px;grid-template-columns:repeat(2,1fr);margin-top:40px}.positions-page .position-image-box{border-radius:10px;height:250px;overflow:hidden;position:relative;transition:transform .3s}.positions-page .position-image-box:hover{transform:scale(1.05)}.positions-page .position-image-box .positions-image{height:100%;object-fit:contain;width:100%}.positions-page .position-image-box .position-content{background:#00000080;bottom:-70px;left:0;padding:10px;position:absolute;right:0;transition:all .3s}.positions-page .position-image-box .position-content .position-title{color:#fff;font-size:18px;margin:5px}.positions-page .position-image-box .position-content .position-btn{background-color:#e6b17e;border:none;color:#000;cursor:pointer;margin-top:20px;padding:5px 10px;text-decoration:none;transition:background-color .3s}.positions-page .position-image-box .position-content .position-btn:hover{background-color:#fff}.positions-page .position-image-box:hover .position-content{bottom:0}@media screen and (max-width:1400px){.positions-page{overflow-x:auto;padding:20px}.position-images-container{gap:10px;grid-template-columns:repeat(2,1fr);width:-webkit-max-content;width:max-content}.position-image-box{width:50vw}}.search-page{animation:fadeIn 1.5s ease-in-out;color:#222;margin-top:-7%;padding:20px}.search-page h1.search-page-title{margin-bottom:-2%;margin-left:-1.5%;padding:2%;text-align:left}.search-page h4.user-note{font-size:1.2rem;margin-left:-1.5%;padding-left:2%;text-align:left}.search-page .search-bar{display:flex;margin-bottom:50px;margin-left:.5%;width:50%}.search-page .search-bar input{background-color:#fff;border:2px solid #e6b17e;border-radius:20px;color:#000;padding:10px;width:100%}.search-page .search-bar input:focus{border-color:#2745b0;outline:none}.search-page .search-bar button{background-color:#2745b0;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-left:10px;padding:10px 20px}.search-page .search-bar button:hover{background-color:#e6b17e}.search-page .search-criteria{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.search-page .search-criteria label{align-items:center;background-color:#fff;border:2px solid #e6b17e;border-radius:25px;color:#222;cursor:pointer;display:flex;font-family:sans-serif;font-size:16px;padding:12px 15px;transition:background-color .3s ease,border-color .3s ease}.search-page .search-criteria label input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid #e6b17e;border-radius:50%;cursor:pointer;height:20px;margin-right:10px;outline:none;position:relative;transition:border-color .3s ease;width:20px}.search-page .search-criteria label input[type=radio]:checked{border-color:#2745b0}.search-page .search-criteria label input[type=radio]:after{background-color:#2745b0;border-radius:50%;content:"";height:12px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:12px}.search-page .search-criteria label input[type=radio]:checked:after{opacity:1}.search-page .search-criteria label:hover{background-color:#d1d9e0;border-color:#e6b17e}.search-page h4.toggle-options{color:#2745b0;cursor:pointer;font-size:1rem;margin-left:-1.5%;margin-top:-1%;padding-left:2%;text-align:left}.search-page h4.toggle-options:hover{text-decoration:underline}.search-page .search-results{margin-top:20px;overflow-x:auto}.search-page .search-results table{border-collapse:collapse;width:100%}.search-page .search-results table td,.search-page .search-results table th{border:1px solid #ddd;padding:10px;text-align:left}.search-page .search-results table th{background-color:#2745b0;color:#fff}.search-page .search-results table tbody tr:nth-child(2n){background-color:#f2f2f2}.search-page .error{font-size:1.2rem;text-align:center}.search-page .spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#3498db;border-radius:50%;height:40px;margin:0 auto;width:40px}@media screen and (max-width:1400px){.search-bar{width:100%!important}}.match-predictor{animation:fadeIn 1.5s ease-in-out;color:#222;margin-top:-7%;padding:20px}.match-predictor h1.match-predictor-title{margin-bottom:-1%;margin-left:-1.5%;padding:2%;text-align:left}.match-predictor h3.caption{color:#2745b0;font-size:1.5rem;margin-bottom:-.5%;margin-left:.5%;text-align:left}.match-predictor h3.selector-title{color:#222;font-family:Roboto,sans-serif;font-size:18px;margin-bottom:.25%;margin-left:-1.5%;padding:2%;text-align:left}.match-predictor form{align-items:flex-start;display:flex;flex-direction:column}.match-predictor form .team-selection{display:flex;flex-direction:column;width:100%}.match-predictor form .team-selection select{background-color:#fff;border:2px solid #e6b17e;border-radius:20px;color:#000;font-family:Roboto,sans-serif;font-size:16px;padding:10px;width:50%}.match-predictor form .team-selection select:focus{border-color:#2745b0;outline:none}.match-predictor form .predict-button{background-color:#2745b0;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:16px;margin-top:3%;padding:10px 20px}.match-predictor form .predict-button:hover{background-color:#e6b17e}.match-predictor .result{background-color:#2745b0;border-radius:10px;color:#e6b17e;font-size:1.5rem;font-weight:700;margin-top:5%;padding:10px;text-align:center;text-shadow:1px 1px 2px #000,0 0 1em #fff,0 0 .2em #fff;width:50%}.match-predictor a{color:#e6b17e}.match-predictor a:hover{color:#ff8c00;text-decoration:underline}.match-predictor .spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#3498db;border-radius:50%;height:40px;margin:0 auto;width:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.team-roster-container{color:#222;margin-top:-4%;overflow-x:auto;padding:20px}.team-roster-container h1{margin-bottom:20px;text-align:left}.team-roster-container .team-players-table{border-collapse:collapse;margin-top:20px;overflow-x:auto;width:100%}.team-roster-container .team-players-table td,.team-roster-container .team-players-table th{border:1px solid #ddd;padding:10px;text-align:left}.team-roster-container .team-players-table th{background-color:#2745b0;color:#fff}.team-roster-container .team-players-table tbody tr:nth-child(2n){background-color:#f2f2f2}.team-roster-container .spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#3498db;border-radius:50%;height:40px;margin:0 auto;width:40px}.position-roster-container{color:#222;margin-top:-4%;overflow-x:auto;padding:20px}.position-roster-container h1{margin-bottom:20px;text-align:left}.position-roster-container .position-players-table{border-collapse:collapse;margin-top:20px;width:100%}.position-roster-container .position-players-table td,.position-roster-container .position-players-table th{border:1px solid #ddd;padding:10px;text-align:left}.position-roster-container .position-players-table th{background-color:#2745b0;color:#fff}.position-roster-container .position-players-table tbody tr:nth-child(2n){background-color:#f2f2f2}.position-roster-container .spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#3498db;border-radius:50%;height:40px;margin:0 auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App{text-align:center}nav ul{list-style-type:none;padding:0}nav li{display:inline;margin-right:10px}#root,body,html{font-family:Roboto,sans-serif;height:100%;margin:0;padding-top:100px;width:100%}body{align-items:center;background-color:#f0f2f5;color:#333;display:flex;justify-content:center}a{color:#062a34;text-decoration:none}a:hover{text-decoration:underline}
/*# sourceMappingURL=main.8e21f72a.css.map*/