body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#232323;color:#d2f769;font-family:Arial;margin:0}@media screen and (max-width:500px){body{padding:3px}}.App-header{align-items:center;background-color:#232323;border-bottom:1px solid #555;display:flex;height:40px;justify-content:space-between;left:0;position:fixed;top:0;width:100%;z-index:2}@media screen and (max-width:500px){.App-header{height:20px}}.App-header .headerAndSpaceContainer{display:flex;flex-direction:row}.App-header .headerAndSpaceContainer .appHeaderText{color:#d2f769;font-family:Arima;font-size:18px;font-weight:600;margin-left:30px;margin-right:10px}@media screen and (max-width:900px){.App-header .headerAndSpaceContainer .appHeaderText{text-wrap:nowrap;font-size:12px;margin-left:20px}}@media screen and (max-width:500px){.App-header .headerAndSpaceContainer .appHeaderText{font-size:1.4vh;margin-left:18px}}.App-header .dropDownContainer{margin-right:20px;margin-top:-32px;position:relative}@media screen and (max-width:500px){.App-header .dropDownContainer{margin-top:28px}}.App-header .dropDownContainer .dropdownHeaderMenu{background-color:#232323;border:1px solid #d2f769;border-radius:10px;cursor:pointer;min-height:26px;position:absolute;right:0;top:0}.App-header .dropDownContainer .dropdownHeaderMenu .hamburgerImg{height:26px;width:30px}.App-header .dropDownContainer .buttonContainer{cursor:pointer;display:flex;flex-direction:column}.App-header .dropDownContainer .buttonContainer .headerButton{background-color:initial;color:#d2f769;cursor:pointer;display:inline-block;font-size:18px;margin-bottom:3px;text-align:center;text-decoration:none;width:160px}.App-header .dropDownContainer .buttonContainer .headerButton:first-of-type{border-top-left-radius:10px;border-top-right-radius:10px;margin-top:5px}.App-header .dropDownContainer .buttonContainer .headerButton:last-of-type{border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin-bottom:5px}.App-header .dropDownContainer .buttonContainer .headerButton:hover{background-color:#2b2b2b;cursor:pointer}@media screen and (max-width:900px){.App-header .dropDownContainer .buttonContainer .headerButton{font-size:12px;margin-left:2%;margin-right:2%;white-space:nowrap}}@media screen and (max-width:500px){.App-header .dropDownContainer .buttonContainer .headerButton{font-size:1.4vh;margin-left:0;margin-right:0;padding-left:10px;padding-right:10px;white-space:nowrap;width:150px}}.availableTagsContainer{background-color:#232323;display:flex;flex-direction:row;margin:10px;padding:10px 0;position:fixed;top:100px;width:100%;z-index:1}@media screen and (max-width:900px){.availableTagsContainer{top:70px}}@media screen and (max-width:500px){.availableTagsContainer{top:76px}}.availableTagsContainer .tagButton{align-items:center;background-color:#232323;border:1px solid #555;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;margin-left:10px;padding-left:8px;padding-right:8px;width:fit-content}.availableTagsContainer .tagButton.active{background-color:#d2f769;color:#232323}@media screen and (max-width:900px){.availableTagsContainer .tagButton{font-size:10px;height:20px;width:140px}}@media screen and (max-width:500px){.availableTagsContainer .tagButton{border-radius:5px;font-size:.7vh;height:12px;padding:1px;width:90px}}.basicPageComponent{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:170px;width:100%}@media screen and (max-width:500px){.basicPageComponent{margin-top:135px}}.basicPageComponent .submenu{align-items:center;align-self:flex-start;background-color:#232323;display:flex;flex-direction:row;justify-content:space-between;position:fixed;top:30px;width:100%;z-index:1}@media screen and (max-width:500px){.basicPageComponent .submenu{flex-direction:column;top:20px}}.basicPageComponent .submenu .logoSubtitleContainer{align-items:center;align-self:flex-start;display:flex;flex-direction:row;justify-content:center}.basicPageComponent .submenu .logoSubtitleContainer .subtitle{color:#d2f769;font-size:26px;font-weight:700;margin:30px;text-align:left;width:300px}.basicPageComponent .submenu .logoSubtitleContainer .subtitle span{font-size:16px}@media screen and (max-width:900px){.basicPageComponent .submenu .logoSubtitleContainer .subtitle{font-size:12px;width:25vw}.basicPageComponent .submenu .logoSubtitleContainer .subtitle span{font-size:2vh}}@media screen and (max-width:500px){.basicPageComponent .submenu .logoSubtitleContainer .subtitle{font-size:1.7vh;margin:10px;width:50vw}.basicPageComponent .submenu .logoSubtitleContainer .subtitle span{font-size:1.2vh}}.basicPageComponent .submenu .sortReloadContainer{align-items:center;align-self:flex-start;display:flex;flex-direction:row;height:80px;justify-content:center;margin-right:20px}@media screen and (max-width:900px){.basicPageComponent .submenu .sortReloadContainer{height:50px}}@media screen and (max-width:500px){.basicPageComponent .submenu .sortReloadContainer{height:30px;margin-left:10px}}@media screen and (max-width:900px){.basicPageComponent .submenu .sortReloadContainer .sortText{font-size:11px}}@media screen and (max-width:500px){.basicPageComponent .submenu .sortReloadContainer .sortText{font-size:1.2vh}}.basicPageComponent .submenu .sortReloadContainer .sortDropdown{background-color:#232323;border-radius:5px;color:#fff;cursor:pointer;height:30px;margin-left:5px;width:100px}@media screen and (max-width:900px){.basicPageComponent .submenu .sortReloadContainer .sortDropdown{font-size:11px;height:20px;width:90px}}@media screen and (max-width:500px){.basicPageComponent .submenu .sortReloadContainer .sortDropdown{font-size:1.2vh;height:16px;width:80px}}.basicPageComponent .submenu .sortReloadContainer .reloadButton{background-color:#232323;border-radius:5px;color:#d2f769;cursor:pointer;height:30px;margin-left:10px;width:140px}@media screen and (max-width:900px){.basicPageComponent .submenu .sortReloadContainer .reloadButton{font-size:2vh;height:20px;width:90px}}@media screen and (max-width:500px){.basicPageComponent .submenu .sortReloadContainer .reloadButton{font-size:1vh;height:16px;width:80px}}.basicPageComponent .loading{text-align:center;width:100%}.basicPageComponent .tilesContainer{background-color:#2b2b2b;border-radius:10px;column-gap:30px;display:flex;flex-wrap:wrap;justify-content:center;padding:10px;row-gap:10px;width:95%}@media screen and (max-width:500px){.basicPageComponent .tilesContainer{padding:3px;width:95%}}.basicPageComponent .tilesContainer .newsTile{background-color:#232323;border-radius:10px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;margin-top:20px;max-height:320px;padding:10px;width:47%}.basicPageComponent .tilesContainer .newsTile:last-of-type{margin-bottom:60px}.basicPageComponent .tilesContainer .newsTile:hover{background-color:#484848;box-shadow:0 8px 24px 0 #0003,0 6px 20px 0 #00000030;cursor:pointer}@media screen and (max-width:1227px){.basicPageComponent .tilesContainer .newsTile{padding:4px;width:95%}}@media screen and (max-width:500px){.basicPageComponent .tilesContainer .newsTile{min-height:200px}}.basicPageComponent .tilesContainer .newsTile .newsTileLeftPart{align-items:center;display:flex;justify-content:center;padding:20px 20px 20px 10px;width:30%}@media screen and (max-width:500px){.basicPageComponent .tilesContainer .newsTile .newsTileLeftPart{padding:3px;width:40%}}.basicPageComponent .tilesContainer .newsTile .newsTileLeftPart img{border-radius:10px;filter:grayscale(100%);width:90%}.basicPageComponent .tilesContainer .newsTile .newsTileLeftPart img.hover{filter:grayscale(0)}@media screen and (max-width:500px){.basicPageComponent .tilesContainer .newsTile .newsTileLeftPart img{border-radius:0;border-bottom-left-radius:10px;border-top-left-radius:10px;height:100%;object-fit:cover;object-position:left;width:100%}}.basicPageComponent .tilesContainer .newsTile .newsTileRightPart{display:flex;flex-direction:column;position:relative;width:70%}.basicPageComponent .tilesContainer .newsTile .newsTileRightPart p{margin:0}.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .newsTileTitle{color:#d2f769;font-size:20px;font-weight:700}@media screen and (max-width:500px){.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .newsTileTitle{font-size:1.7vh}}.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .newsTileTitle.hover{color:#fff}.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .dateAndOriginContainer{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .dateAndOriginContainer .newsTileDate,.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .dateAndOriginContainer .newsTileOrigin{color:#555;font-size:12px;font-style:italic}.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .dateAndOriginContainer .newsTileDate.hover,.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .dateAndOriginContainer .newsTileOrigin.hover{color:#fff}@media screen and (max-width:500px){.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .dateAndOriginContainer .newsTileDate,.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .dateAndOriginContainer .newsTileOrigin{font-size:1vh}}.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .newsTileContent{-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:16px;margin-bottom:10px;margin-right:20px;margin-top:20px;max-height:150px;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:500px){.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .newsTileContent{-webkit-line-clamp:12;-webkit-box-orient:vertical;font-size:1.5vh;margin-bottom:2%;margin-right:2px;margin-top:3px;max-height:200px;min-height:140px}}.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .favouriteImgContainer{align-self:flex-end;bottom:5px;position:absolute;right:10px}@media screen and (max-width:500px){.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .favouriteImgContainer{bottom:1px;right:2px}}.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .favouriteImgContainer .favouriteImg{height:30px;width:30px}@media screen and (max-width:900px){.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .favouriteImgContainer .favouriteImg{height:20px;width:20px}}@media screen and (max-width:500px){.basicPageComponent .tilesContainer .newsTile .newsTileRightPart .favouriteImgContainer .favouriteImg{height:14px;margin-right:1px;margin-top:1px;width:14px}}.basicPageComponent .loginInputContainer{align-items:flex-end;background-color:#2b2b2b;border-radius:20px;display:flex;flex-direction:column;height:130px;justify-content:center;width:400px}.basicPageComponent .loginInputContainer .inputContainer{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-right:60px}.basicPageComponent .loginInputContainer .inputContainer .loginInput{border:1px solid #555;border-radius:10px;height:30px;margin:5px;padding:0 10px;width:200px}.basicPageComponent .loginButton{background-color:#232323;border:1px solid #555;border-radius:10px;color:#d2f769;font-size:18px;height:30px;margin-top:10px;width:400px}.basicPageComponent .loginButton:hover{background-color:#2b2b2b;cursor:pointer}footer{align-items:center;background-color:#232323;border-top:1px solid #555;bottom:0;display:flex;height:30px;justify-content:space-between;left:0;position:fixed;width:100%;z-index:1}@media screen and (max-width:500px){footer{height:35px;padding-left:20px;width:100%}}footer .widgetContainer{bottom:40px;height:490px;left:40px;position:absolute;width:240px}footer .widgetContainer a{display:none!important;opacity:0}footer .sunImage{height:30px;margin-left:10px;margin-top:6px}@media screen and (max-width:900px){footer .sunImage{height:22px;margin-top:-4px}}@media screen and (max-width:500px){footer .sunImage{height:18px;margin-top:-4px}}footer .nextSunnyDayTextContainer,footer .serverSpaceText{color:#d2f769;cursor:pointer;font-size:18px;margin-left:40px;margin-right:10px}footer .nextSunnyDayTextContainer.nextSunnyDayTextContainer,footer .nextSunnyDayTextContainer.serverSpaceText,footer .serverSpaceText.nextSunnyDayTextContainer,footer .serverSpaceText.serverSpaceText{align-self:center;bottom:2px;color:#fff;cursor:pointer;font-size:12px;margin-left:10px;right:2px;z-index:2}footer .nextSunnyDayTextContainer.nextSunnyDayTextContainer.nextSunnyDayTextContainer,footer .nextSunnyDayTextContainer.serverSpaceText.nextSunnyDayTextContainer,footer .serverSpaceText.nextSunnyDayTextContainer.nextSunnyDayTextContainer,footer .serverSpaceText.serverSpaceText.nextSunnyDayTextContainer{bottom:5px;display:flex;flex-direction:row;left:2px}footer .nextSunnyDayTextContainer.nextSunnyDayTextContainer.nextSunnyDayTextContainer .nextSunnyDayText,footer .nextSunnyDayTextContainer.serverSpaceText.nextSunnyDayTextContainer .nextSunnyDayText,footer .serverSpaceText.nextSunnyDayTextContainer.nextSunnyDayTextContainer .nextSunnyDayText,footer .serverSpaceText.serverSpaceText.nextSunnyDayTextContainer .nextSunnyDayText{font-size:14px}@media screen and (max-width:900px){footer .nextSunnyDayTextContainer.nextSunnyDayTextContainer,footer .nextSunnyDayTextContainer.serverSpaceText,footer .serverSpaceText.nextSunnyDayTextContainer,footer .serverSpaceText.serverSpaceText{text-wrap:nowrap;font-size:2.2vh;margin-left:2%}footer .nextSunnyDayTextContainer.nextSunnyDayTextContainer.nextSunnyDayTextContainer,footer .nextSunnyDayTextContainer.nextSunnyDayTextContainer.serverSpaceText,footer .nextSunnyDayTextContainer.serverSpaceText.nextSunnyDayTextContainer,footer .nextSunnyDayTextContainer.serverSpaceText.serverSpaceText,footer .serverSpaceText.nextSunnyDayTextContainer.nextSunnyDayTextContainer,footer .serverSpaceText.nextSunnyDayTextContainer.serverSpaceText,footer .serverSpaceText.serverSpaceText.nextSunnyDayTextContainer,footer .serverSpaceText.serverSpaceText.serverSpaceText{align-self:center;color:#fff;margin-left:10px}footer .nextSunnyDayTextContainer.nextSunnyDayTextContainer.nextSunnyDayTextContainer .nextSunnyDayText,footer .nextSunnyDayTextContainer.nextSunnyDayTextContainer.serverSpaceText .nextSunnyDayText,footer .nextSunnyDayTextContainer.serverSpaceText.nextSunnyDayTextContainer .nextSunnyDayText,footer .nextSunnyDayTextContainer.serverSpaceText.serverSpaceText .nextSunnyDayText,footer .serverSpaceText.nextSunnyDayTextContainer.nextSunnyDayTextContainer .nextSunnyDayText,footer .serverSpaceText.nextSunnyDayTextContainer.serverSpaceText .nextSunnyDayText,footer .serverSpaceText.serverSpaceText.nextSunnyDayTextContainer .nextSunnyDayText,footer .serverSpaceText.serverSpaceText.serverSpaceText .nextSunnyDayText{font-size:12px;margin:0}}@media screen and (max-width:500px){footer .nextSunnyDayTextContainer.nextSunnyDayTextContainer,footer .nextSunnyDayTextContainer.serverSpaceText,footer .serverSpaceText.nextSunnyDayTextContainer,footer .serverSpaceText.serverSpaceText{font-size:1vh;margin-left:2%}footer .nextSunnyDayTextContainer.nextSunnyDayTextContainer.nextSunnyDayTextContainer,footer .nextSunnyDayTextContainer.nextSunnyDayTextContainer.serverSpaceText,footer .nextSunnyDayTextContainer.serverSpaceText.nextSunnyDayTextContainer,footer .nextSunnyDayTextContainer.serverSpaceText.serverSpaceText,footer .serverSpaceText.nextSunnyDayTextContainer.nextSunnyDayTextContainer,footer .serverSpaceText.nextSunnyDayTextContainer.serverSpaceText,footer .serverSpaceText.serverSpaceText.nextSunnyDayTextContainer,footer .serverSpaceText.serverSpaceText.serverSpaceText{align-items:flex-start;margin-left:0;margin-top:-3px}footer .nextSunnyDayTextContainer.nextSunnyDayTextContainer.nextSunnyDayTextContainer.serverSpaceText,footer .nextSunnyDayTextContainer.nextSunnyDayTextContainer.serverSpaceText.serverSpaceText,footer .nextSunnyDayTextContainer.serverSpaceText.nextSunnyDayTextContainer.serverSpaceText,footer .nextSunnyDayTextContainer.serverSpaceText.serverSpaceText.serverSpaceText,footer .serverSpaceText.nextSunnyDayTextContainer.nextSunnyDayTextContainer.serverSpaceText,footer .serverSpaceText.nextSunnyDayTextContainer.serverSpaceText.serverSpaceText,footer .serverSpaceText.serverSpaceText.nextSunnyDayTextContainer.serverSpaceText,footer .serverSpaceText.serverSpaceText.serverSpaceText.serverSpaceText{margin-right:42px}footer .nextSunnyDayTextContainer.nextSunnyDayTextContainer.nextSunnyDayTextContainer .nextSunnyDayText,footer .nextSunnyDayTextContainer.nextSunnyDayTextContainer.serverSpaceText .nextSunnyDayText,footer .nextSunnyDayTextContainer.serverSpaceText.nextSunnyDayTextContainer .nextSunnyDayText,footer .nextSunnyDayTextContainer.serverSpaceText.serverSpaceText .nextSunnyDayText,footer .serverSpaceText.nextSunnyDayTextContainer.nextSunnyDayTextContainer .nextSunnyDayText,footer .serverSpaceText.nextSunnyDayTextContainer.serverSpaceText .nextSunnyDayText,footer .serverSpaceText.serverSpaceText.nextSunnyDayTextContainer .nextSunnyDayText,footer .serverSpaceText.serverSpaceText.serverSpaceText .nextSunnyDayText{font-size:1vh;margin:0}}.paoGameContainer{align-items:flex-start;border-radius:20px;color:#fff;display:flex;flex-direction:column;height:30px;margin-top:15px;padding:3px 15px;width:700px;z-index:2}@media screen and (max-width:900px){.paoGameContainer{zoom:.4;margin-left:10px;width:80%}.paoGameContainer .teamName{max-width:180px!important}}.paoGameContainer .titleContainer{align-items:center;border-bottom:1px solid #fff;display:flex;flex-direction:row;height:25px;justify-content:space-between;width:100%}.paoGameContainer .titleContainer .title{margin-left:8px}.paoGameContainer .titleContainer .competition .competitionImg{height:20px}.paoGameContainer .gameContainer{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.paoGameContainer .gameContainer .gameComponent{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-left:5px}.paoGameContainer .gameContainer .gameComponent .team{align-items:center;display:flex;flex-direction:row;height:22px;justify-content:flex-start}.paoGameContainer .gameContainer .gameComponent .team .teamName{max-width:130px;overflow:hidden;white-space:nowrap}.paoGameContainer .gameContainer .gameComponent .team .teamImg{height:20px;margin-right:3px;width:20px}.paoGameContainer .gameContainer .gameComponent .vs{font-size:16px;margin-left:10px;margin-right:10px}.paoGameContainer .time{font-weight:700}