:root{--text:#6b6375;--text-h:#08060d;--bg:#f4f3ee;--border:#cfcfcf;--index-button:#ffea00;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;display:flex}section{border:solid var(--border) 1px;border-radius:25px;margin:1%;padding:2% 2% 3%;transition:all .3s}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:16px 0;font-size:32px}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px}p{margin:0}a{color:var(--index-button);text-decoration:none;position:relative}a:after{content:"";background-color:var(--index-button);width:0%;height:1px;transition:all .3s;position:absolute;bottom:0%;left:0%}a:hover:after{width:100%}body::-webkit-scrollbar{display:none}hr{color:#000;margin:50px 0}button{-webkit-tap-highlight-color:transparent;outline:none}header{background-color:var(--bg);border-bottom:solid var(--border) 1px;z-index:5;justify-content:space-between;align-items:center;width:100%;padding:1% 2%;display:flex;position:fixed}#index{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}#logo{width:50px}.option{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50px;margin-left:5%;margin-right:5%;padding:12px 20px;font-size:20px;transition:all .3s}.option:hover{border:solid var(--index-button) 1px;background-color:#b8a80041}.option.selected{border:solid var(--index-button) 1px;background-color:#d0c0169e}.first_block{margin-top:8%}#sports_catalogue{justify-content:space-between;align-items:center;gap:20px;margin:5% 0 2%;transition:all .3s;display:flex}.outer_sport_card{z-index:0;border-radius:15px;width:20%;height:calc(20% + 30px);padding:2px;position:relative;overflow:hidden}.outer_sport_card:before{content:"";z-index:-1;background:linear-gradient(163deg,#ffea00 0%,#80f 100%);width:200%;height:200%;animation:3s linear infinite rotateGradient;position:absolute;top:-50%;left:-50%}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sport_card{background-color:var(--bg);border-radius:15px;flex-direction:column;justify-content:space-between;padding:10%;transition:all .3s;display:flex}.sport_title{color:var(--index-button);margin-top:16px;font-size:24px;transition:all .3s}#select_block{justify-content:center;align-items:center;display:flex}#select_button{border:solid var(--border) 2px;z-index:1;border-radius:20px;justify-content:center;align-items:center;width:40%;height:2%;transition:all .3s;display:flex;position:relative}.info_option{text-align:center;color:#000;background:0 0;border:none;border-radius:20px;width:60%;padding:2%;transition:all .3s}#select_button:after{z-index:-1;content:"";background-color:var(--border);border-radius:20px;width:50%;height:100%;transition:all .2s;position:absolute;top:0%;left:0%}#select_button.selected:after{left:50%}#privacy{flex-direction:column;justify-content:center;align-items:center;margin-top:3%;display:flex}#top_elements{justify-content:space-around;align-items:center;width:100%;margin:0 2%;display:flex}.drop-button{background-color:#6b637596;border:2px solid #08060d;border-radius:100px;justify-content:center;align-items:center;gap:10px;padding:8px 16px;display:flex}#change_language_img{width:25px}#triangle_img{width:15px;transition:all .3s}.rotated{transform:rotate(180deg)}#privacy_text{-webkit-user-select:none;user-select:none;width:85%}#language_selector{position:relative}.dropdown-menu{z-index:1;background-color:#6b637596;border-radius:15px;width:100%;display:none;position:absolute;box-shadow:0 8px 16px #0003}.dropdown-menu a{color:#fff;padding:12px 16px;display:block}.dropdown-menu a:hover{background-color:#6b6375cf;border-radius:15px}.show-menu{display:block}.bottom_section{justify-content:center;align-items:center;margin-bottom:2%;display:flex}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a}body{background-color:var(--bg)}#social .button-icon{filter:invert()brightness(2)}header{border-bottom:solid var(--border) 1px}.info_option{color:#fff}#select_button:after{background-color:#6b6375}.option:hover{border:solid var(--index-button) 1px;background-color:#b8a80041}.option.selected{border:solid var(--index-button) 1px;background-color:#b8a8009e}.drop-button{background-color:#16171d;border-color:#fff}}@media (width<=900px){:root{font-size:14px}section{border-radius:20px;padding:4%}h1{font-size:24px}h2{font-size:16px}.option{font-size:14px}.first_block{margin-top:15%}#select_button{width:60%}#select_button:after{border-radius:18px}#sports_catalogue{flex-wrap:wrap;margin:2%}.outer_sport_card{border-radius:20px;width:42%;padding:1%}.sport_card{border-radius:17px}.sport_title{margin-top:3px;font-size:16px}.drop-button{border-radius:100px;gap:5px;padding:8px 16px}#change_language_img{width:15px}#triangle_img{width:10px}.dropdown-menu{border-radius:12px;box-shadow:0 8px 16px #0003}#dropdown_menu_button{font-size:10px}.dropdown-menu a{padding:10px 14px}.dropdown-menu a:hover{border-radius:12px}}@media (width<=400px){.first_block{margin-top:20%}#top_elements{flex-direction:column;gap:10px}}