@font-face { font-family: raleway_f; src: url(../fonts/raleway-black.woff2); } @font-face { font-family: QumpellkaNo12; src: url(../fonts/Qumpellkano12-A6D2.otf); } @font-face { font-family: BeonMedium; src: url(../fonts/BeonMedium-6d51.otf); } @font-face { font-family: Celinea; src: url(../fonts/Celinea-nRGpO.otf); } @font-face { font-family: LIBRARY3AMsoft; src: url(../fonts/Library3amsoft-6zgq.otf); } @font-face { font-family: Rookworst; src: url(../fonts/Rookworst-RpBXe.ttf); } @font-face { font-family: Neoneon; src: url(../fonts/Neoneon-3zaD6.otf); } @font-face { font-family: Salonica; src: url(../fonts/Salonica-eZnJO.otf); } @font-face { font-family: myFont; src: url(../fonts/edit-undo.dot-brk.ttf); } @font-face { font-family: Zekton; src: url(../fonts/zekton\ rg.otf); } @font-face { font-family: Lateef; src: url(../fonts/Lateef-4ePB.ttf); } @font-face { font-family: Lampen; src: url(../fonts/10mal12Lampen.ttf); } @font-face { font-family: Century Gothic; src: url(../fonts/GOTHIC.TTF); } @font-face { font-family: X Company; src: url(../fonts/XCompany-GOR9y.ttf); } @font-face { font-family: Delight; src: url(../fonts/Delight-vmpW4.otf); } @font-face { font-family: Ketosag Condensed; src: url(../fonts/KetosagCondensed-B12l.otf); } @font-face { font-family: Better Grade; src: url(../fonts/BetterGrade-519DV.ttf); } @font-face { font-family: Majanan; src: url(../fonts/Majanan-ywm3M.otf); } @font-face { font-family: Uppen Arms NF; src: url(../fonts/UppenArmsNf-LRWD.ttf); } @font-face { font-family: Trueno Round Italic; src: url(../fonts/TruenoRoundItalic-16PB.otf); } @font-face { font-family: Barcelona24; src: url(../fonts/Barcelona-2024.otf); } @font-face { font-family: Premier\ League\ 23-24\ Tipografstore; src: url(../fonts/Premier\ League\ 23-24\ Tipografstore.ttf); } @font-face { font-family: Agency FB; src: url(../fonts/AGENCYR.TTF); } @font-face { font-family: Manchester\ United\ 23-24\ Tipogra; src: url(../fonts/Manchester\ United\ 23-24\ Tipogra.otf); } @font-face { font-family: Poppins Regular; src: url(../fonts/Poppins-Regular.ttf); } @font-face { font-family: MarkPro; src: url(../fonts/FontFont_FF.Mark.Pro.otf); } @font-face { font-family: Novarese-Book; src: url(../fonts/fonnts.com-ITC-Novarese-Book.ttf); } @font-face { font-family: Europa Nuova Bold; src: url(../fonts/EuropaNuovaBold.ttf); } @font-face { font-family: TSPmu2025; src: url(../fonts/TSPmu2025.otf); } ::selection{ background-color: #ac141b; } ::-webkit-scrollbar { height: .1rem; width: .5rem; } ::-webkit-scrollbar-track { background-color: #ac141b; } ::-webkit-scrollbar-thumb { background-color: black; border-inline-color: rgb(211, 208, 208); border-inline-style: solid; writing-mode: vertical-lr; border-inline-width: 8px; } * { margin: 0; padding: 0; box-sizing: border-box; list-style: none; scroll-behavior: smooth; } body { position: relative; min-width: 1101px; background-color: black; color: #fff; overflow-x: hidden; cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='23px' height='28px' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23080101' d='M 2.5,3.5 C 7.1586,6.16843 11.4919,9.3351 15.5,13C 9.07438,12.1868 4.74104,14.6868 2.5,20.5C 1.16667,14.8333 1.16667,9.16667 2.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23af231e' d='M 3.5,1.5 C 9.3796,5.26653 15.0463,9.26653 20.5,13.5C 17.023,14.3227 13.3563,14.8227 9.5,15C 8.74756,15.6708 8.41423,16.5041 8.5,17.5C 7.20027,20.4323 5.20027,22.7656 2.5,24.5C 2.5,23.1667 2.5,21.8333 2.5,20.5C 4.74104,14.6868 9.07438,12.1868 15.5,13C 11.4919,9.3351 7.1586,6.16843 2.5,3.5C 2.32842,2.50838 2.66175,1.84171 3.5,1.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23bab7d0' d='M 20.5,13.5 C 21.1667,13.8333 21.8333,14.1667 22.5,14.5C 22.5,15.5 22.5,16.5 22.5,17.5C 17.8665,16.8663 13.1998,16.8663 8.5,17.5C 8.41423,16.5041 8.74756,15.6708 9.5,15C 13.3563,14.8227 17.023,14.3227 20.5,13.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23b4bcca' d='M -0.5,-0.5 C 0.166667,-0.5 0.833333,-0.5 1.5,-0.5C 2.16667,0.166667 2.83333,0.833333 3.5,1.5C 2.66175,1.84171 2.32842,2.50838 2.5,3.5C 1.16667,9.16667 1.16667,14.8333 2.5,20.5C 2.5,21.8333 2.5,23.1667 2.5,24.5C 1.89022,25.391 1.55688,26.391 1.5,27.5C 0.833333,27.5 0.166667,27.5 -0.5,27.5C -0.5,18.1667 -0.5,8.83333 -0.5,-0.5 Z'/%3E%3C/g%3E%3C/svg%3E%0A") 1 1, auto; } #links { cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='23px' height='30px' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f90605' d='M 11.5,-0.5 C 12.5,-0.5 13.5,-0.5 14.5,-0.5C 14.5,2.16667 14.5,4.83333 14.5,7.5C 13.8333,6.16667 13.1667,4.83333 12.5,3.5C 12.1667,3.5 11.8333,3.5 11.5,3.5C 11.5,2.16667 11.5,0.833333 11.5,-0.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23040404' d='M 9.5,3.5 C 10.1667,3.5 10.8333,3.5 11.5,3.5C 11.8333,3.5 12.1667,3.5 12.5,3.5C 12.5,5.16667 12.5,6.83333 12.5,8.5C 13.9527,10.229 15.9527,11.229 18.5,11.5C 19.4742,13.7427 19.8076,16.076 19.5,18.5C 18.0795,21.2613 17.4129,24.2613 17.5,27.5C 15.5,27.5 13.5,27.5 11.5,27.5C 11.1185,22.737 9.11854,18.737 5.5,15.5C 6.56764,14.5655 7.90097,14.2322 9.5,14.5C 9.5,10.8333 9.5,7.16667 9.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23aa2822' d='M 12.5,3.5 C 13.1667,4.83333 13.8333,6.16667 14.5,7.5C 15.1667,7.5 15.8333,7.5 16.5,7.5C 15.4324,8.43448 14.099,8.76781 12.5,8.5C 12.5,6.83333 12.5,5.16667 12.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%235a5c5e' d='M 9.5,3.5 C 9.5,7.16667 9.5,10.8333 9.5,14.5C 7.90097,14.2322 6.56764,14.5655 5.5,15.5C 4.95691,15.44 4.62358,15.1067 4.5,14.5C 5.68884,13.5713 7.02218,13.238 8.5,13.5C 8.18723,9.95815 8.52056,6.62482 9.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f41a13' d='M 17.5,7.5 C 19.1172,8.038 20.7839,8.37133 22.5,8.5C 22.5,12.8333 22.5,17.1667 22.5,21.5C 20.7773,23.78 20.1107,26.4467 20.5,29.5C 17.5,29.5 14.5,29.5 11.5,29.5C 13.5,28.8333 15.5,28.1667 17.5,27.5C 17.4129,24.2613 18.0795,21.2613 19.5,18.5C 20.4767,15.7131 20.81,12.7131 20.5,9.5C 18.8212,9.71481 17.8212,9.04814 17.5,7.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23bea6ab' d='M 16.5,7.5 C 16.8333,7.5 17.1667,7.5 17.5,7.5C 17.8212,9.04814 18.8212,9.71481 20.5,9.5C 20.81,12.7131 20.4767,15.7131 19.5,18.5C 19.8076,16.076 19.4742,13.7427 18.5,11.5C 15.9527,11.229 13.9527,10.229 12.5,8.5C 14.099,8.76781 15.4324,8.43448 16.5,7.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f0edf0' d='M 7.5,-0.5 C 8.83333,-0.5 10.1667,-0.5 11.5,-0.5C 11.5,0.833333 11.5,2.16667 11.5,3.5C 10.8333,3.5 10.1667,3.5 9.5,3.5C 8.52056,6.62482 8.18723,9.95815 8.5,13.5C 7.02218,13.238 5.68884,13.5713 4.5,14.5C 4.62358,15.1067 4.95691,15.44 5.5,15.5C 9.11854,18.737 11.1185,22.737 11.5,27.5C 13.5,27.5 15.5,27.5 17.5,27.5C 15.5,28.1667 13.5,28.8333 11.5,29.5C 10.8333,29.5 10.1667,29.5 9.5,29.5C 9.04814,25.4246 7.54814,21.7579 5,18.5C 3.54905,16.5359 1.71572,15.2026 -0.5,14.5C -0.5,13.1667 -0.5,11.8333 -0.5,10.5C 2.19853,10.4661 4.69853,11.1328 7,12.5C 7.49902,8.17944 7.66568,3.84611 7.5,-0.5 Z'/%3E%3C/g%3E%3C/svg%3E%0A") 1 1, pointer; } [itemid="links"] { cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='23px' height='30px' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f90605' d='M 11.5,-0.5 C 12.5,-0.5 13.5,-0.5 14.5,-0.5C 14.5,2.16667 14.5,4.83333 14.5,7.5C 13.8333,6.16667 13.1667,4.83333 12.5,3.5C 12.1667,3.5 11.8333,3.5 11.5,3.5C 11.5,2.16667 11.5,0.833333 11.5,-0.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23040404' d='M 9.5,3.5 C 10.1667,3.5 10.8333,3.5 11.5,3.5C 11.8333,3.5 12.1667,3.5 12.5,3.5C 12.5,5.16667 12.5,6.83333 12.5,8.5C 13.9527,10.229 15.9527,11.229 18.5,11.5C 19.4742,13.7427 19.8076,16.076 19.5,18.5C 18.0795,21.2613 17.4129,24.2613 17.5,27.5C 15.5,27.5 13.5,27.5 11.5,27.5C 11.1185,22.737 9.11854,18.737 5.5,15.5C 6.56764,14.5655 7.90097,14.2322 9.5,14.5C 9.5,10.8333 9.5,7.16667 9.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23aa2822' d='M 12.5,3.5 C 13.1667,4.83333 13.8333,6.16667 14.5,7.5C 15.1667,7.5 15.8333,7.5 16.5,7.5C 15.4324,8.43448 14.099,8.76781 12.5,8.5C 12.5,6.83333 12.5,5.16667 12.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%235a5c5e' d='M 9.5,3.5 C 9.5,7.16667 9.5,10.8333 9.5,14.5C 7.90097,14.2322 6.56764,14.5655 5.5,15.5C 4.95691,15.44 4.62358,15.1067 4.5,14.5C 5.68884,13.5713 7.02218,13.238 8.5,13.5C 8.18723,9.95815 8.52056,6.62482 9.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f41a13' d='M 17.5,7.5 C 19.1172,8.038 20.7839,8.37133 22.5,8.5C 22.5,12.8333 22.5,17.1667 22.5,21.5C 20.7773,23.78 20.1107,26.4467 20.5,29.5C 17.5,29.5 14.5,29.5 11.5,29.5C 13.5,28.8333 15.5,28.1667 17.5,27.5C 17.4129,24.2613 18.0795,21.2613 19.5,18.5C 20.4767,15.7131 20.81,12.7131 20.5,9.5C 18.8212,9.71481 17.8212,9.04814 17.5,7.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23bea6ab' d='M 16.5,7.5 C 16.8333,7.5 17.1667,7.5 17.5,7.5C 17.8212,9.04814 18.8212,9.71481 20.5,9.5C 20.81,12.7131 20.4767,15.7131 19.5,18.5C 19.8076,16.076 19.4742,13.7427 18.5,11.5C 15.9527,11.229 13.9527,10.229 12.5,8.5C 14.099,8.76781 15.4324,8.43448 16.5,7.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f0edf0' d='M 7.5,-0.5 C 8.83333,-0.5 10.1667,-0.5 11.5,-0.5C 11.5,0.833333 11.5,2.16667 11.5,3.5C 10.8333,3.5 10.1667,3.5 9.5,3.5C 8.52056,6.62482 8.18723,9.95815 8.5,13.5C 7.02218,13.238 5.68884,13.5713 4.5,14.5C 4.62358,15.1067 4.95691,15.44 5.5,15.5C 9.11854,18.737 11.1185,22.737 11.5,27.5C 13.5,27.5 15.5,27.5 17.5,27.5C 15.5,28.1667 13.5,28.8333 11.5,29.5C 10.8333,29.5 10.1667,29.5 9.5,29.5C 9.04814,25.4246 7.54814,21.7579 5,18.5C 3.54905,16.5359 1.71572,15.2026 -0.5,14.5C -0.5,13.1667 -0.5,11.8333 -0.5,10.5C 2.19853,10.4661 4.69853,11.1328 7,12.5C 7.49902,8.17944 7.66568,3.84611 7.5,-0.5 Z'/%3E%3C/g%3E%3C/svg%3E%0A") 1 1, pointer; } .date-and-result a { cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='23px' height='30px' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f90605' d='M 11.5,-0.5 C 12.5,-0.5 13.5,-0.5 14.5,-0.5C 14.5,2.16667 14.5,4.83333 14.5,7.5C 13.8333,6.16667 13.1667,4.83333 12.5,3.5C 12.1667,3.5 11.8333,3.5 11.5,3.5C 11.5,2.16667 11.5,0.833333 11.5,-0.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23040404' d='M 9.5,3.5 C 10.1667,3.5 10.8333,3.5 11.5,3.5C 11.8333,3.5 12.1667,3.5 12.5,3.5C 12.5,5.16667 12.5,6.83333 12.5,8.5C 13.9527,10.229 15.9527,11.229 18.5,11.5C 19.4742,13.7427 19.8076,16.076 19.5,18.5C 18.0795,21.2613 17.4129,24.2613 17.5,27.5C 15.5,27.5 13.5,27.5 11.5,27.5C 11.1185,22.737 9.11854,18.737 5.5,15.5C 6.56764,14.5655 7.90097,14.2322 9.5,14.5C 9.5,10.8333 9.5,7.16667 9.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23aa2822' d='M 12.5,3.5 C 13.1667,4.83333 13.8333,6.16667 14.5,7.5C 15.1667,7.5 15.8333,7.5 16.5,7.5C 15.4324,8.43448 14.099,8.76781 12.5,8.5C 12.5,6.83333 12.5,5.16667 12.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%235a5c5e' d='M 9.5,3.5 C 9.5,7.16667 9.5,10.8333 9.5,14.5C 7.90097,14.2322 6.56764,14.5655 5.5,15.5C 4.95691,15.44 4.62358,15.1067 4.5,14.5C 5.68884,13.5713 7.02218,13.238 8.5,13.5C 8.18723,9.95815 8.52056,6.62482 9.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f41a13' d='M 17.5,7.5 C 19.1172,8.038 20.7839,8.37133 22.5,8.5C 22.5,12.8333 22.5,17.1667 22.5,21.5C 20.7773,23.78 20.1107,26.4467 20.5,29.5C 17.5,29.5 14.5,29.5 11.5,29.5C 13.5,28.8333 15.5,28.1667 17.5,27.5C 17.4129,24.2613 18.0795,21.2613 19.5,18.5C 20.4767,15.7131 20.81,12.7131 20.5,9.5C 18.8212,9.71481 17.8212,9.04814 17.5,7.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23bea6ab' d='M 16.5,7.5 C 16.8333,7.5 17.1667,7.5 17.5,7.5C 17.8212,9.04814 18.8212,9.71481 20.5,9.5C 20.81,12.7131 20.4767,15.7131 19.5,18.5C 19.8076,16.076 19.4742,13.7427 18.5,11.5C 15.9527,11.229 13.9527,10.229 12.5,8.5C 14.099,8.76781 15.4324,8.43448 16.5,7.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f0edf0' d='M 7.5,-0.5 C 8.83333,-0.5 10.1667,-0.5 11.5,-0.5C 11.5,0.833333 11.5,2.16667 11.5,3.5C 10.8333,3.5 10.1667,3.5 9.5,3.5C 8.52056,6.62482 8.18723,9.95815 8.5,13.5C 7.02218,13.238 5.68884,13.5713 4.5,14.5C 4.62358,15.1067 4.95691,15.44 5.5,15.5C 9.11854,18.737 11.1185,22.737 11.5,27.5C 13.5,27.5 15.5,27.5 17.5,27.5C 15.5,28.1667 13.5,28.8333 11.5,29.5C 10.8333,29.5 10.1667,29.5 9.5,29.5C 9.04814,25.4246 7.54814,21.7579 5,18.5C 3.54905,16.5359 1.71572,15.2026 -0.5,14.5C -0.5,13.1667 -0.5,11.8333 -0.5,10.5C 2.19853,10.4661 4.69853,11.1328 7,12.5C 7.49902,8.17944 7.66568,3.84611 7.5,-0.5 Z'/%3E%3C/g%3E%3C/svg%3E%0A") 1 1, pointer; } /* ⟱ SKY, FLAG, TITLE ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .parallax-home { position: relative; display: flex; text-align: center; } .parallax-home img { position: relative; width: 100%; } #led-cover { position: absolute; top: 0; left: 0; display: flex; z-index: 1; opacity: .7; } #flag-mobile { display: none; } #flag-pc { position: absolute; margin-top: 14%; left: 47%; width: 50%; transform: rotate(-15deg); z-index: 1; } .title { position: absolute; margin-top: 34%; width: 100%; } .title h1 { color: transparent; font-size: 3vw; font-family: raleway_f; letter-spacing: .5vw; text-shadow: 0 0 5px #ff0434, 0 0 5px yellow, 0 0 20px #cd000d, 0 0 40px #cd000d, 0 0 80px #cd000d, 0 0 120px #cd000d, 0 0 160px #cd000d; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-stroke: 1px #ffab447c; } .title h2 { transform: translateY(-10%); color: transparent; font-size: 2vw; font-family: raleway_f; -webkit-text-stroke: 1px #fe7d8648; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; } .ground { display: none; } /* ⟰ SKY, FLAG, TITLE ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ ZEPPELIN LED SIGN ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .zeppelin-led { position: absolute; box-sizing: content-box; background-color: transparent; text-align: center; padding: 0% .2%; height: 5.2%; display: flex; margin-top: 1.6%; left: 45.2%; } .led-words { overflow: hidden; } .led-words span { font-family: myFont; font-size: 2.5vw; color: yellow; display: block; height: 100%; animation: spin-words 6s infinite; } @keyframes spin-words { 0% { transform: translateY(-1%); } 10% { transform: translateY(-1%); } 30% { transform: translateY(-102%); } 40% { transform: translateY(-102%); } 50% { transform: translateY(-102%); } 70% { transform: translateY(-102%); } 90% { transform: translateY(-200%); } 100% { transform: translateY(-200%); } } /* ⟰ ZEPPELIN LED SIGN ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ UNDERGROUND SUPPORT ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .underground { position: relative; z-index: -1; } .underground-large { width: 120%; margin-left: -6.3%; } .underground-small { display: none; } /* ⟱ SELECT SEASON ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .select-season { position: absolute; margin-top: -14.2%; margin-left: 5.7%; z-index: 8; width: 10.7vw; height: 6vw; } .nav_container-season { justify-items: center; width: 89%; } .dropdown-season { width: 86%; position: absolute; } .season-list:has( :checked ) { --rows: 1fr; --on-tap: auto; --on-show: auto; --title-buttons-display: auto; } .checkbox-size { color: white; padding: 2vw; text-decoration: none; display: flex; align-items: center; position: relative; } #dropdown-pointer { cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='23px' height='30px' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f90605' d='M 11.5,-0.5 C 12.5,-0.5 13.5,-0.5 14.5,-0.5C 14.5,2.16667 14.5,4.83333 14.5,7.5C 13.8333,6.16667 13.1667,4.83333 12.5,3.5C 12.1667,3.5 11.8333,3.5 11.5,3.5C 11.5,2.16667 11.5,0.833333 11.5,-0.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23040404' d='M 9.5,3.5 C 10.1667,3.5 10.8333,3.5 11.5,3.5C 11.8333,3.5 12.1667,3.5 12.5,3.5C 12.5,5.16667 12.5,6.83333 12.5,8.5C 13.9527,10.229 15.9527,11.229 18.5,11.5C 19.4742,13.7427 19.8076,16.076 19.5,18.5C 18.0795,21.2613 17.4129,24.2613 17.5,27.5C 15.5,27.5 13.5,27.5 11.5,27.5C 11.1185,22.737 9.11854,18.737 5.5,15.5C 6.56764,14.5655 7.90097,14.2322 9.5,14.5C 9.5,10.8333 9.5,7.16667 9.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23aa2822' d='M 12.5,3.5 C 13.1667,4.83333 13.8333,6.16667 14.5,7.5C 15.1667,7.5 15.8333,7.5 16.5,7.5C 15.4324,8.43448 14.099,8.76781 12.5,8.5C 12.5,6.83333 12.5,5.16667 12.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%235a5c5e' d='M 9.5,3.5 C 9.5,7.16667 9.5,10.8333 9.5,14.5C 7.90097,14.2322 6.56764,14.5655 5.5,15.5C 4.95691,15.44 4.62358,15.1067 4.5,14.5C 5.68884,13.5713 7.02218,13.238 8.5,13.5C 8.18723,9.95815 8.52056,6.62482 9.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f41a13' d='M 17.5,7.5 C 19.1172,8.038 20.7839,8.37133 22.5,8.5C 22.5,12.8333 22.5,17.1667 22.5,21.5C 20.7773,23.78 20.1107,26.4467 20.5,29.5C 17.5,29.5 14.5,29.5 11.5,29.5C 13.5,28.8333 15.5,28.1667 17.5,27.5C 17.4129,24.2613 18.0795,21.2613 19.5,18.5C 20.4767,15.7131 20.81,12.7131 20.5,9.5C 18.8212,9.71481 17.8212,9.04814 17.5,7.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23bea6ab' d='M 16.5,7.5 C 16.8333,7.5 17.1667,7.5 17.5,7.5C 17.8212,9.04814 18.8212,9.71481 20.5,9.5C 20.81,12.7131 20.4767,15.7131 19.5,18.5C 19.8076,16.076 19.4742,13.7427 18.5,11.5C 15.9527,11.229 13.9527,10.229 12.5,8.5C 14.099,8.76781 15.4324,8.43448 16.5,7.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f0edf0' d='M 7.5,-0.5 C 8.83333,-0.5 10.1667,-0.5 11.5,-0.5C 11.5,0.833333 11.5,2.16667 11.5,3.5C 10.8333,3.5 10.1667,3.5 9.5,3.5C 8.52056,6.62482 8.18723,9.95815 8.5,13.5C 7.02218,13.238 5.68884,13.5713 4.5,14.5C 4.62358,15.1067 4.95691,15.44 5.5,15.5C 9.11854,18.737 11.1185,22.737 11.5,27.5C 13.5,27.5 15.5,27.5 17.5,27.5C 15.5,28.1667 13.5,28.8333 11.5,29.5C 10.8333,29.5 10.1667,29.5 9.5,29.5C 9.04814,25.4246 7.54814,21.7579 5,18.5C 3.54905,16.5359 1.71572,15.2026 -0.5,14.5C -0.5,13.1667 -0.5,11.8333 -0.5,10.5C 2.19853,10.4661 4.69853,11.1328 7,12.5C 7.49902,8.17944 7.66568,3.84611 7.5,-0.5 Z'/%3E%3C/g%3E%3C/svg%3E%0A") 1 1, pointer; } .dropdown-check { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='23px' height='30px' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f90605' d='M 11.5,-0.5 C 12.5,-0.5 13.5,-0.5 14.5,-0.5C 14.5,2.16667 14.5,4.83333 14.5,7.5C 13.8333,6.16667 13.1667,4.83333 12.5,3.5C 12.1667,3.5 11.8333,3.5 11.5,3.5C 11.5,2.16667 11.5,0.833333 11.5,-0.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23040404' d='M 9.5,3.5 C 10.1667,3.5 10.8333,3.5 11.5,3.5C 11.8333,3.5 12.1667,3.5 12.5,3.5C 12.5,5.16667 12.5,6.83333 12.5,8.5C 13.9527,10.229 15.9527,11.229 18.5,11.5C 19.4742,13.7427 19.8076,16.076 19.5,18.5C 18.0795,21.2613 17.4129,24.2613 17.5,27.5C 15.5,27.5 13.5,27.5 11.5,27.5C 11.1185,22.737 9.11854,18.737 5.5,15.5C 6.56764,14.5655 7.90097,14.2322 9.5,14.5C 9.5,10.8333 9.5,7.16667 9.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23aa2822' d='M 12.5,3.5 C 13.1667,4.83333 13.8333,6.16667 14.5,7.5C 15.1667,7.5 15.8333,7.5 16.5,7.5C 15.4324,8.43448 14.099,8.76781 12.5,8.5C 12.5,6.83333 12.5,5.16667 12.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%235a5c5e' d='M 9.5,3.5 C 9.5,7.16667 9.5,10.8333 9.5,14.5C 7.90097,14.2322 6.56764,14.5655 5.5,15.5C 4.95691,15.44 4.62358,15.1067 4.5,14.5C 5.68884,13.5713 7.02218,13.238 8.5,13.5C 8.18723,9.95815 8.52056,6.62482 9.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f41a13' d='M 17.5,7.5 C 19.1172,8.038 20.7839,8.37133 22.5,8.5C 22.5,12.8333 22.5,17.1667 22.5,21.5C 20.7773,23.78 20.1107,26.4467 20.5,29.5C 17.5,29.5 14.5,29.5 11.5,29.5C 13.5,28.8333 15.5,28.1667 17.5,27.5C 17.4129,24.2613 18.0795,21.2613 19.5,18.5C 20.4767,15.7131 20.81,12.7131 20.5,9.5C 18.8212,9.71481 17.8212,9.04814 17.5,7.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23bea6ab' d='M 16.5,7.5 C 16.8333,7.5 17.1667,7.5 17.5,7.5C 17.8212,9.04814 18.8212,9.71481 20.5,9.5C 20.81,12.7131 20.4767,15.7131 19.5,18.5C 19.8076,16.076 19.4742,13.7427 18.5,11.5C 15.9527,11.229 13.9527,10.229 12.5,8.5C 14.099,8.76781 15.4324,8.43448 16.5,7.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f0edf0' d='M 7.5,-0.5 C 8.83333,-0.5 10.1667,-0.5 11.5,-0.5C 11.5,0.833333 11.5,2.16667 11.5,3.5C 10.8333,3.5 10.1667,3.5 9.5,3.5C 8.52056,6.62482 8.18723,9.95815 8.5,13.5C 7.02218,13.238 5.68884,13.5713 4.5,14.5C 4.62358,15.1067 4.95691,15.44 5.5,15.5C 9.11854,18.737 11.1185,22.737 11.5,27.5C 13.5,27.5 15.5,27.5 17.5,27.5C 15.5,28.1667 13.5,28.8333 11.5,29.5C 10.8333,29.5 10.1667,29.5 9.5,29.5C 9.04814,25.4246 7.54814,21.7579 5,18.5C 3.54905,16.5359 1.71572,15.2026 -0.5,14.5C -0.5,13.1667 -0.5,11.8333 -0.5,10.5C 2.19853,10.4661 4.69853,11.1328 7,12.5C 7.49902,8.17944 7.66568,3.84611 7.5,-0.5 Z'/%3E%3C/g%3E%3C/svg%3E%0A") 1 1, pointer; } .select-season-title { width: 95%; position: absolute; text-align: center; transform: translate(-3%, -15%); pointer-events: none; line-height: 1.7vw; } .select-season-title span1 { font-family: QumpellkaNo12; font-size: 1.3vw; color: #b9c2d7; text-shadow: 0 0 10px #17347a, 0 0 10px #17347a, 0 0 10px #17347a, 0 0 20px #17347a, 0 0 20px #17347a, 0 0 40px #17347a, 0 0 40px #17347a, 0 0 80px #17347a, 0 0 80px #17347a, 0 0 80px #17347a, 0 0 120px #17347a, 0 0 120px #17347a, 0 0 120px #17347a, 0 0 160px #17347a, 0 0 160px #17347a; } .select-season-title span2 { font-size: 1.3vw; } .select-season-title span3 { font-family: Manchester\ United\ 23-24\ Tipogra; font-size: 1.3vw; color: #a8ddbe; text-shadow: 0 0 10px #13b48a, 0 0 10px #13b48a, 0 0 20px #13b48a, 0 0 40px #13b48a, 0 0 40px #13b48a, 0 0 80px #13b48a, 0 0 120px #13b48a, 0 0 120px #13b48a, 0 0 160px #13b48a; } .dropdown-content-display { display: grid; grid-template-rows: var(--rows, 0fr); font-size: 0; } .dropdown-sub-season { overflow: hidden; width: 320px; transform: translate(20px, -10px); } .dropdown-li { list-style: none; } .season-header-mobile { display: none; } .season-header-pc { width: 320px; } .season-content { width: 320px; } #season-links { pointer-events: var(--on-tap, none); cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='23px' height='30px' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f90605' d='M 11.5,-0.5 C 12.5,-0.5 13.5,-0.5 14.5,-0.5C 14.5,2.16667 14.5,4.83333 14.5,7.5C 13.8333,6.16667 13.1667,4.83333 12.5,3.5C 12.1667,3.5 11.8333,3.5 11.5,3.5C 11.5,2.16667 11.5,0.833333 11.5,-0.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23040404' d='M 9.5,3.5 C 10.1667,3.5 10.8333,3.5 11.5,3.5C 11.8333,3.5 12.1667,3.5 12.5,3.5C 12.5,5.16667 12.5,6.83333 12.5,8.5C 13.9527,10.229 15.9527,11.229 18.5,11.5C 19.4742,13.7427 19.8076,16.076 19.5,18.5C 18.0795,21.2613 17.4129,24.2613 17.5,27.5C 15.5,27.5 13.5,27.5 11.5,27.5C 11.1185,22.737 9.11854,18.737 5.5,15.5C 6.56764,14.5655 7.90097,14.2322 9.5,14.5C 9.5,10.8333 9.5,7.16667 9.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23aa2822' d='M 12.5,3.5 C 13.1667,4.83333 13.8333,6.16667 14.5,7.5C 15.1667,7.5 15.8333,7.5 16.5,7.5C 15.4324,8.43448 14.099,8.76781 12.5,8.5C 12.5,6.83333 12.5,5.16667 12.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%235a5c5e' d='M 9.5,3.5 C 9.5,7.16667 9.5,10.8333 9.5,14.5C 7.90097,14.2322 6.56764,14.5655 5.5,15.5C 4.95691,15.44 4.62358,15.1067 4.5,14.5C 5.68884,13.5713 7.02218,13.238 8.5,13.5C 8.18723,9.95815 8.52056,6.62482 9.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f41a13' d='M 17.5,7.5 C 19.1172,8.038 20.7839,8.37133 22.5,8.5C 22.5,12.8333 22.5,17.1667 22.5,21.5C 20.7773,23.78 20.1107,26.4467 20.5,29.5C 17.5,29.5 14.5,29.5 11.5,29.5C 13.5,28.8333 15.5,28.1667 17.5,27.5C 17.4129,24.2613 18.0795,21.2613 19.5,18.5C 20.4767,15.7131 20.81,12.7131 20.5,9.5C 18.8212,9.71481 17.8212,9.04814 17.5,7.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23bea6ab' d='M 16.5,7.5 C 16.8333,7.5 17.1667,7.5 17.5,7.5C 17.8212,9.04814 18.8212,9.71481 20.5,9.5C 20.81,12.7131 20.4767,15.7131 19.5,18.5C 19.8076,16.076 19.4742,13.7427 18.5,11.5C 15.9527,11.229 13.9527,10.229 12.5,8.5C 14.099,8.76781 15.4324,8.43448 16.5,7.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f0edf0' d='M 7.5,-0.5 C 8.83333,-0.5 10.1667,-0.5 11.5,-0.5C 11.5,0.833333 11.5,2.16667 11.5,3.5C 10.8333,3.5 10.1667,3.5 9.5,3.5C 8.52056,6.62482 8.18723,9.95815 8.5,13.5C 7.02218,13.238 5.68884,13.5713 4.5,14.5C 4.62358,15.1067 4.95691,15.44 5.5,15.5C 9.11854,18.737 11.1185,22.737 11.5,27.5C 13.5,27.5 15.5,27.5 17.5,27.5C 15.5,28.1667 13.5,28.8333 11.5,29.5C 10.8333,29.5 10.1667,29.5 9.5,29.5C 9.04814,25.4246 7.54814,21.7579 5,18.5C 3.54905,16.5359 1.71572,15.2026 -0.5,14.5C -0.5,13.1667 -0.5,11.8333 -0.5,10.5C 2.19853,10.4661 4.69853,11.1328 7,12.5C 7.49902,8.17944 7.66568,3.84611 7.5,-0.5 Z'/%3E%3C/g%3E%3C/svg%3E%0A") 1 1, pointer; } #button-with-titles { border: none; position: absolute; margin-top: 74%; left: 24.7%; width: 40%; height: 2.2vw; font-size: 1.1vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: gold; background: transparent; text-align: center; display: block; } #with-titles { display: none; } #button-with-titles h100 { display: var(--title-buttons-display, none); } #button-without-titles h101 { display: var(--title-buttons-display, none); } #button-without-titles { display: none; border: none; position: absolute; margin-top: 74%; left: 24.7%; width: 40%; height: 2.2vw; font-size: 1.1vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: red; background: transparent; text-align: center; } #hide { display: none; } .swiper { width: 100%; height: 235px; float: left; } .swiper-slide { background: #000; } .swiper-slide img { width: 100%; height: 100%; } .swiper-pagination { position: absolute; right: 20px; width: 11px; text-align: center; left: auto; top: 50%; bottom: auto; transform: translateY(-50%); } .swiper-pagination .swiper-pagination-bullets .swiper-pagination-bullet { margin: 8px 0; } .swiper-pagination .swiper-pagination-bullet { width: 11px; height: 11px; display: block; border-radius: 10px; background: #fff; opacity: 0.2; transition: all 0.3s; } .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; background: #fff; height: 30px; box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3); } .season-2025-26 img { position: absolute; opacity: 0; width: 118px; height: 117px; margin-top: 0.5px; margin-left: -161px; } .season-2025-26:hover img { opacity: 1; } .season-2024-25 img { position: absolute; opacity: 0; width: 121px; height: 122px; margin-top: 112px; margin-left: -165px; } .season-2024-25:hover img { opacity: 1; } .season-2023-24 img { position: absolute; opacity: 0; width: 120px; height: 119px; margin-top: 114px; margin-left: -280px; } .season-2023-24:hover img { opacity: 1; } .season-20-21 img { position: absolute; opacity: 0; width: 113px; height: 114px; margin-top: 2px; margin-left: -159px; } .season-20-21:hover img { opacity: 1; } .season-1956-57 img { position: absolute; opacity: 0; width: 121px; height: 119px; margin-top: 114px; margin-left: -281px; } .season-1956-57:hover img { opacity: 1; } /* ⟰ SELECT SEASON ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ SCOREBOARD CAROUSEL ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* PREMIER LEAGUE */ .scoreboard-wrapper { position: relative; } .scoreboard-PL { position: absolute; width: 21.6%; height: 2vw; margin-top: -14.5%; left: 38.4%; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; background: #3D195B; box-shadow: 0 0 5px #3D195B, 0 0 25px #3D195B, 0 0 50px #3D195B, 0 0 50px #3D195B, 0 0 50px #3D195B, 0 0 200px #3D195B, 0 0 200px #3D195B, 0 0 300px #3D195B, 0 0 400px #3D195B; cursor: pointer; text-align: center; } .scoreboard-PL .PL { display: inline-block; } .scoreboard-PL .PL div { color: #fff; font-family: MarkPro; font-size: 1.2vw; text-shadow: 0 0 1px #fff; white-space: nowrap; display: flex; animation: none; } .scoreboard-PL .PL div span1 { font-weight: 900; /* ▲ */ margin-top: 1.2%; font-size: .8vw; color: #028336; text-shadow: 0 0 2px #028336, 0 0 2px #028336; /* • */ /* margin-top: -.4%; font-size: 1.4vw; color: gray; text-shadow: 0 0 2px gray, 0 0 2px gray; */ /* ▼ */ /* font-size: .8vw; margin-top: 1.2%; color: #da020e; text-shadow: 0 0 2px #da020e, 0 0 2px #da020e; */ } .scoreboard-PL .PL div span2 { color: #7861ff; text-shadow: 0 0 2px #7861ff, 0 0 2px #7861ff, #7861ff, 0 0 2px #7861ff; } /* CHAMPIONS LEAGUE */ .scoreboard-UCL { position: absolute; width: 21.6%; height: 2vw; margin-top: -14.5%; left: 38.4%; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; background: #00015d; box-shadow: 0 0 5px #00015d, 0 0 25px #00015d, 0 0 50px #00015d, 0 0 50px #00015d, 0 0 200px #00015d, 0 0 200px #00015d, 0 0 300px #00015d, 0 0 400px #00015d; cursor: pointer; text-align: center; } .scoreboard-UCL .UCL { display: inline-block; } .scoreboard-UCL .UCL div { margin-top: .7%; font-family: Novarese-Book; font-size: 1.22vw; color: #fff; font-weight: bold; white-space: nowrap; display: flex; } .scoreboard-UCL .UCL div span1 { margin-top: .6%; font-size: 1.1vw; } .scoreboard-UCL .UCL div span3 { font-weight: 900; /* ▲ */ margin-top: 1.2%; font-size: .8vw; color: #028336; text-shadow: 0 0 2px #028336, 0 0 2px #028336; /* • */ /* margin-top: -.4%; font-size: 1.4vw; color: gray; text-shadow: 0 0 2px gray, 0 0 2px gray; */ /* ▼ */ /* font-size: .8vw; margin-top: 1.2%; color: #da020e; text-shadow: 0 0 2px #da020e, 0 0 2px #da020e; */ } .scoreboard-UCL .UCL div span4 { color: #a013c3; text-shadow: 0 0 2px #a013c3, 0 0 2px #a013c3, #a013c3, 0 0 2px #a013c3; } /* FA CUP */ .scoreboard-FA { position: absolute; width: 21.6%; height: 2vw; margin-top: -14.5%; left: 38.4%; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; background: #ac141c; box-shadow: 0 0 5px #ac141c, 0 0 25px #ac141c, 0 0 50px #ac141c, 0 0 50px #ac141c, 0 0 200px #ac141c, 0 0 200px #ac141c; cursor: pointer; text-align: center; } .scoreboard-FA .FA { display: inline-block; } .scoreboard-FA .FA div { font-family: Europa Nuova Bold; font-size: 1.2vw; color: #fff; text-shadow: 0 0 1px #fff; white-space: nowrap; display: flex; animation: none; text-align: center; } .scoreboard-FA .FA div span1 { color: #c4b9bd; text-shadow: 0 0 2px #c4b9bd, 0 0 2px #c4b9bd, #c4b9bd, 0 0 2px #c4b9bd; } /* EFL CUP */ .scoreboard-EFL { position: absolute; width: 21.6%; height: 2vw; margin-top: -14.5%; left: 38.4%; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; background: #008f5d; box-shadow: 0 0 5px #008f5d, 0 0 25px #008f5d, 0 0 50px #008f5d, 0 0 50px #008f5d, 0 0 200px #008f5d, 0 0 200px #008f5d; cursor: pointer; text-align: center; } .scoreboard-EFL .EFL { display: inline-block; } .scoreboard-EFL .EFL div { font-family: Europa Nuova Bold; font-size: 1.2vw; white-space: nowrap; display: flex; animation: none; text-align: center; } .scoreboard-EFL .EFL div span1 { color: #fff; text-shadow: 0 0 1px #fff; } .scoreboard-EFL .EFL div span2 { color: #005438; text-shadow: 0 0 2px #005438, 0 0 2px #005438, #005438, 0 0 2px #005438; } /* EUROPA LEAGUE */ .scoreboard-UEL { position: absolute; width: 21.6%; height: 2vw; margin-top: -14.5%; left: 38.4%; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; background: #1e2522; box-shadow: 0 0 5px #ce3400, 0 0 25px #ce3400, 0 0 50px #ce3400, 0 0 200px #ce3400; cursor: pointer; text-align: center; } .scoreboard-UEL .UEL { display: inline-block; } .scoreboard-UEL .UEL div { font-family: Europa Nuova Bold; font-size: 1.22vw; color: #fff; font-weight: bold; white-space: nowrap; display: flex; } .scoreboard-UEL .UEL div span1 { font-weight: 900; /* ▲ */ margin-top: 1.2%; font-size: .8vw; color: #028336; text-shadow: 0 0 2px #028336, 0 0 2px #028336; /* • */ /* margin-top: -.4%; font-size: 1.4vw; color: gray; text-shadow: 0 0 2px gray, 0 0 2px gray; */ /* ▼ */ /* font-size: .8vw; margin-top: 1.2%; color: #da020e; text-shadow: 0 0 2px #da020e, 0 0 2px #da020e; */ } .scoreboard-UEL .UEL div span2 { color: #ce3400; text-shadow: 0 0 2px #ce3400, 0 0 2px #ce3400, #ce3400, 0 0 2px #ce3400; } /* PRE-SEASON */ .scoreboard-PRE { position: absolute; width: 21.6%; height: 2vw; margin-top: -14.5%; left: 38.4%; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; background: white; box-shadow: 0 0 5px white, 0 0 25px white, 0 0 50px white, 0 0 200px white; cursor: pointer; text-align: center; } .scoreboard-PRE .pre-season { display: inline-block; } .scoreboard-PRE .pre-season div { font-family: Europa Nuova Bold; font-size: 1.22vw; color: #38013D; font-weight: bold; white-space: nowrap; display: flex; } .scoreboard-PRE .pre-season div span2 { color: transparent; background: linear-gradient(to right, #eca902, #D932BF); background-clip: text; -webkit-background-clip: text; } /* ⟱ SCOREBOARD (TEAMS) ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .scoreboard-teams-mobile { display: none; } .scoreboard-teams { position: absolute; width: 21.6%; height: 2.7vw; margin-top: -12.95%; left: 38.4%; display: flex; overflow: hidden; white-space: nowrap; z-index: 7; cursor: pointer; font-family: myFont; font-size: 1.3vw; background: linear-gradient(rgba(27,27,27,0.8), rgba(27,27,27,0.8)), url(../parallax/led-gray.png); background-size: 180% 180%; } .home span { /* color: #fff; */ color: #da020e; text-shadow: 0 0 2px #da020e; opacity: none; } .home { color: #fff; /* color: #da020e; text-shadow: 0 0 2px #da020e; */ opacity: none; } /* ⟱ SCOREBOARD (RESULT) ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .scoreboard-result { color: white; position: absolute; width: 5.5%; height: 2.7vw; line-height: 1.4vw; margin-top: -12.95%; left: 54.46%; display: flex; overflow: hidden; white-space: nowrap; z-index: 8; cursor: pointer; font-family: myFont; font-size: 1.3vw; background: transparent; text-align: center; } #scoreboard .scoreboard-result, #scoreboard .final-fair {display: inline;} .final-fair { background: url(../parallax/led-red.png); position: absolute; background-size: 100% 100%; right: 0; } .scoreboard-result2 { color: white; position: absolute; width: 5.5%; height: 2.7vw; line-height: 1.4vw; margin-top: -12.95%; left: 54.46%; display: flex; overflow: hidden; white-space: nowrap; z-index: 7; cursor: pointer; font-family: myFont; font-size: 1.3vw; background: transparent; background-size: 150% 150%; text-align: center; } #scoreboard2 .scoreboard-result2, #scoreboard2 .final-fair2 {display: inline;} .final-fair2 { color: #ffcf3e; background: linear-gradient(rgba(2,131,54,0.6), rgba(2,131,54,0.6)), url(../parallax/led-green.png); position: absolute; background-size: 100% 100%; right: 0; } #scoreboard2 { animation: 5s autoplay infinite linear; } @keyframes autoplay { 0% {opacity: 0.0} 4% {opacity: 1.0} 33.33% {opacity: 1.0} 37.33% {opacity: 0.0} 100% {opacity: 0.0} } #scoreboard { animation: 5s autoplay2 infinite linear; } @keyframes autoplay2 { 0% {opacity: 0.0} 4% {opacity: 0.0} 41.33% {opacity: 0.0} 42.33% {opacity: 0.2} 48.33% {opacity: 0.5} 51.33% {opacity: 1.0} 100% {opacity: 1.0} } .box-shadow .box-shadow2 { display: none; } /* ⟱ OT BANNERS CAROUSEL ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .OT-banners { position: absolute; width: 21%; margin-top: -15.7%; left: 64.7%; display: flex; overflow: hidden; white-space: nowrap; z-index: 1; } .banners > img { height: 100%; width: auto; } .banners { height: 3.9vw; display: flex; justify-content: center; animation: slide1 200s linear infinite; } @keyframes slide1 { from { transform: translateX(0); } to { transform: translateX(-100%); } } /* ⟰ OT BANNERS CAROUSEL ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ CLOCK ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .clock { position: absolute; height: 2.85vw; width: 21%; margin-top: -13%; left: 64.7%; display: flex; overflow: hidden; white-space: nowrap; z-index: 7; font-family: Lampen; font-size: 1.3vw; line-height: 5.5vw; background: linear-gradient(rgba(27,27,27,0.9), rgba(27,27,27,0.9)), url(../parallax/led-black.jpg); background-size: 80% 110%; text-align: center; align-items: center; } .time { transform: translateX(40%) scaleY(1.5); } .clock-vertical-stripes { content: ''; } .clock-vertical-stripe1 { width: .4%; height: 2.85vw; margin-top: -13%; left: 64.7%; background: linear-gradient(rgba(197,46,44,0.6), rgba(197,46,44,0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } .clock-vertical-stripe2 { width: .4%; height: 2.85vw; margin-top: -13%; left: 65%; background: linear-gradient(rgba(252, 252, 252, 0.6), rgba(255, 255, 255, 0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } .clock-vertical-stripe3 { width: .4%; height: 2.85vw; margin-top: -13%; left: 70.5%; background: linear-gradient(rgba(252, 252, 252, 0.6), rgba(255, 255, 255, 0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } .clock-vertical-stripe4 { width: .4%; height: 2.85vw; margin-top: -13%; left: 70.8%; background: linear-gradient(rgba(197,46,44,0.6), rgba(197,46,44,0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } .republik-of-mancunia { display: initial; transform: translateX(62%); font-size: 1.3vw; letter-spacing: 2px; line-height: 1.3vw; } /* ⟱ IRONS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .irons { position: relative; object-fit: cover; width: 95%; left: 2.96%; z-index: -3; margin-top: -16.85%; } /* ⟱ MENU ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ header { margin-top: -18%; justify-content: space-between; align-items: center; width: 100%; height: 23vw; } ul.navlist { display: flex; align-items: center; } .navlist li { text-align: center; padding: 0 6%; } /* ⟱ CONTACT ME ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .contact-me { display: inline-block; transform: translate(11%, 18%); text-decoration: none; align-content: center; text-align: center; } .line1 { font-family: BeonMedium; text-decoration: none; font-size: 2.2vw; vertical-align: middle; letter-spacing: 1px; cursor: pointer; color: #fff; text-shadow: 0 0 10px #da020e, 0 0 20px #da020e, 0 0 40px #da020e, 0 0 80px #da020e, 0 0 120px #da020e, 0 0 160px #da020e; } .line1 span { color: #fff; text-shadow: 0 0 10px #da020e, 0 0 20px #da020e, 0 0 40px #da020e, 0 0 80px #da020e, 0 0 120px #da020e, 0 0 160px #da020e; } .line2 { font-family: BeonMedium; text-decoration: none; font-size: 2.2vw; vertical-align: middle; z-index: 1; color: #fff; text-shadow: 0 0 10px #da020e, 0 0 20px #da020e, 0 0 40px #da020e, 0 0 80px #da020e, 0 0 120px #da020e, 0 0 160px #da020e; } .line3 { font-family: Uppen Arms NF; text-decoration: none; font-size: 1.5vw; vertical-align: middle; color: #fff; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff, 0 0 80px #fff, 0 0 120px #fff, 0 0 160px #fff; } /* ⟱ MEET THE CREATOR ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .know-me { text-decoration: none; align-content: center; text-align: center; font-family: Celinea; font-size: 5vw; font-weight: lighter; vertical-align: middle; line-height: 3.8vw; transform: skewY(-15deg) translate(-17%, 10%); display: inline-block; } .line4 { color: #fff; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff, 0 0 80px #fff, 0 0 120px #fff, 0 0 160px #fff; } .line4 span { color: #fff; text-shadow: 0 0 10px #da020e, 0 0 10px #da020e, 0 0 20px #da020e, 0 0 20px #da020e, 0 0 40px #da020e, 0 0 40px #da020e, 0 0 80px #da020e, 0 0 80px #da020e, 0 0 120px #da020e, 0 0 120px #da020e, 0 0 160px #da020e, 0 0 160px #da020e, 0 0 160px #da020e, 0 0 160px #da020e; } .line5 { color: #fff; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff, 0 0 80px #fff, 0 0 120px #fff, 0 0 160px #fff; } /* ⟱ SUPPORT & DONATE ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .support { display: inline-block; transform: translate(50%, 20%); text-decoration: none; align-content: center; text-align: center; cursor: pointer; vertical-align: middle; } .line6 { font-family: LIBRARY3AMsoft; font-size: 2.3vw; letter-spacing: 1px; color: #fff; text-shadow: 0 0 10px #ffcf3e, 0 0 20px #ffcf3e, 0 0 40px #ffcf3e, 0 0 80px #ffcf3e, 0 0 120px #ffcf3e, 0 0 160px #ffcf3e; } .line7 span { font-family: LIBRARY3AMsoft; font-size: 2.3vw; color: #a8ddbe; text-shadow: 0 0 10px #028336, 0 0 20px #028336, 0 0 40px #028336, 0 0 80px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336; } .line7 { font-family: Neoneon; font-size: 2.3vw; color: #a8ddbe; text-shadow: 0 0 10px #028336, 0 0 20px #028336, 0 0 40px #028336, 0 0 80px #028336, 0 0 120px #028336, 0 0 160px #028336; } .line7-5 { display: none; } /* ⟱ WANNA LEARN A LANGUAGE? ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .learn-language { text-decoration: none; align-content: center; text-align: center; cursor: pointer; vertical-align: middle; line-height: 3vw; display: inline-block; transform: translate(19%, 28%); } .line8 { font-family: Rookworst; font-size: 3.3vw; color: yellow; -webkit-text-stroke: .05vw red; text-shadow: 0 0 10px #da020e, 0 0 20px #da020e, 0 0 40px #da020e; } .line9 { display: none; } .line10 { font-family: Salonica; font-size: 4.5vw; transform: translateX(5%); color: white; text-shadow: 0 0 10px #da020e, 0 0 10px #da020e, 0 0 10px #da020e, 0 0 10px #da020e, 0 0 10px #da020e, 0 0 20px #da020e, 0 0 40px #da020e, 0 0 80px #da020e, 0 0 120px #da020e; } .line11 { display: none; } .line12 span { font-family: Zekton; font-size: 1.8vw; position: relative; position: absolute; transform: translate(-360%, 30%); color: #fff; text-shadow: 0 0 10px #ffcf3e, 0 0 20px #ffcf3e, 0 0 40px #ffcf3e, 0 0 80px #ffcf3e, 0 0 120px #ffcf3e, 0 0 160px #ffcf3e; } .line12 span2 { font-family: Lateef; font-size: 3.5vw; position: absolute; transform: translate(-110%, -10%); color: #a8ddbe; text-shadow: 0 0 10px #028336, 0 0 20px #028336, 0 0 40px #028336, 0 0 80px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336; } .line12 span3 { font-family: Josefin Sans, Consolas, 'Courier New', monospace; font-size: 1.6vw; position: absolute; transform: translate(50%, 40%); color: #fff; text-shadow: 0 0 10px #ffcf3e, 0 0 20px #ffcf3e, 0 0 40px #ffcf3e, 0 0 80px #ffcf3e, 0 0 120px #ffcf3e, 0 0 160px #ffcf3e; } .line12 span4 { font-family: Josefin Sans, Consolas, 'Courier New', monospace; font-size: 1.8vw; position: absolute; transform: translate(170%, 20%); color: #a8ddbe; text-shadow: 0 0 10px #028336, 0 0 20px #028336, 0 0 40px #028336, 0 0 80px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336; } /* ⟰ WANNA LEARN A LANGUAGE? ⟰【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ BRICKS & TROPHIES ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .bricks { position: relative; margin-top: -35%; width: 108%; left: -2%; z-index: -4; } .brick-wall h1 { position: absolute; margin-top: -25%; left: 35.5%; background-size: cover; z-index: 7; font-family: TSPmu2025; font-size: 5.9vw; mix-blend-mode: overlay; } .brick-wall h1 span1 { font-family: Manchester\ United\ 23-24\ Tipogra; font-size: 6vw; } .brick-wall h1 span2 { color: #ec334d; } .trophies { width: 100%; transform: translateY(-498%); } /* ⟱ CABLE BOXES ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .cable-box-left { position: relative; width: 32%; z-index: -4; transform: translate(-10%, -109%); } .cable-box-right { position: relative; width: 26.8%; z-index: -4; transform: translate(154%, -109%); } /* ⟱ GALLERY PHOTO TEXT ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .brick-wall h2, h3, h4, h5, h6, h7 { position: absolute; display: inline-block; width: 13.15%; margin-top: 1.5%; font-family: raleway_f; font-size: 1vw; text-align: center; z-index: 2; } .brick-wall h2 { left: 3.3%; text-shadow: 0 0 15px #a31d23, 0 0 15px #a31d23; } .brick-wall h3 { left: 16.825%; text-shadow: 0 0 15px #a31d23, 0 0 15px #a31d23; } .brick-wall h4 { left: 30.5%; text-shadow: 0 0 15px #a31d23, 0 0 15px #a31d23; } .brick-wall h5 { left: 52.94%; text-shadow: 0 0 15px #a31d23, 0 0 15px #a31d23; } .brick-wall h6 { left: 66.515%; text-shadow: 0 0 15px #a31d23, 0 0 15px #a31d23; } .brick-wall h7 { left: 80.03%; font-size: .94vw; text-shadow: 0 0 15px #a31d23, 0 0 15px #a31d23; } /* ⟰ GALLERY PHOTO TEXT ⟰【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ GALLERY ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .match-grid { display: none; } .blur-mobile { display: none; } .blur-pc { position: absolute; width: 100%; margin-top: -18.5%; left: 0; z-index: 2; } /* ⟱ GALLERY PHOTO: SHOW TEXT BUTTON ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .button-wrapper { position: relative; } #button-gallery1 { border: none; position: absolute; margin-top: -65.4%; left: 3.7%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery2 { border: none; position: absolute; margin-top: -65.4%; left: 17.3%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery3 { border: none; position: absolute; margin-top: -65.4%; left: 30.9%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery4 { border: none; position: absolute; margin-top: -65.4%; left: 53.3%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery5 { border: none; position: absolute; margin-top: -65.4%; left: 53.3%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery6 { border: none; position: absolute; margin-top: -65.4%; left: 66.9%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery7 { border: none; position: absolute; margin-top: -65.4%; left: 80.4%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #show-gallery { display: none; margin-top: -55.15%; position: absolute; } #gallery-text1 { display: none; } #gallery-text2 { display: none; } #gallery-text3 { display: none; } #gallery-text4 { display: none; } #gallery-text5 { display: none; } #gallery-text6 { display: none; } .gallery { width: 100%; position: relative; z-index: 2; } /* ⟰ GALLERY PHOTO: SHOW TEXT BUTTON ⟰【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ GALLERY: SHOW TEXT BUTTON ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ #button-read-text { border: none; border-radius: 0 0 1.5vw 1.5vw; position: absolute; z-index: 2; margin-top: -53.5%; left: 42.8%; width: 15%; height: 3vw; font-size: 1.2vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: white; background: url(../core/button.png), #820202; background-size: 100% 100%; } #button-read-text:hover { color: #f0f50c; background: url(../core/button.png), radial-gradient(#ef0017 -20%, #820202); background-size: 100% 100%; box-shadow: 0 0 5px #9d0e16, 0 0 5px #9d0e16, 0 0 15px #9d0e16, 0 0 5px #9d0e16; } #button-read-text span2 { display: none; } #show-expectations { display: none; margin-top: -40.6%; position: absolute; } .expectations { width: 100%; position: relative; z-index: 2; } /* ⟰ GALLERY: SHOW TEXT BUTTON ⟰【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ LEGEND TO THE MATCH RATINGS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .legend { position: relative; margin-top: -9.5%; z-index: 2; } .legend-1 { position: absolute; left: 28.5%; width: 1.8%; background: radial-gradient(#e61b22, #9d0e16); box-shadow: 0 0 5px #9d0e16, 0 0 5px #9d0e16, 0 0 15px #9d0e16, 0 0 5px #9d0e16, 0 0 25px #9d0e16, 0 0 25px #9d0e16, 0 0 25px #9d0e16, 0 0 5px #9d0e16, 0 0 50px #9d0e16; font-family: Century Gothic; font-size: 1vw; text-align: center; line-height: 185%; text-shadow: 0 0 2px #fff, 0 0 2px #fff; } .legend-2 { position: absolute; left: 32.5%; width: 1.8%; background: radial-gradient(#eb6121, #9a360a); box-shadow: 0 0 5px #9a360a, 0 0 5px #9a360a, 0 0 15px #9a360a, 0 0 5px #9a360a, 0 0 25px #9a360a, 0 0 25px #9a360a, 0 0 25px #9a360a, 0 0 5px #9a360a, 0 0 50px #9a360a; font-family: Century Gothic; font-size: 1vw; text-align: center; line-height: 185%; text-shadow: 0 0 2px #fff, 0 0 2px #fff; } .legend-3 { position: absolute; left: 36.5%; width: 1.8%; background: radial-gradient(#fcc00d, #997000); box-shadow: 0 0 5px #997000, 0 0 5px #997000, 0 0 15px #997000, 0 0 5px #997000, 0 0 25px #997000, 0 0 25px #997000, 0 0 25px #997000, 0 0 5px #997000, 0 0 50px #997000; font-family: Century Gothic; font-size: 1vw; text-align: center; line-height: 185%; text-shadow: 0 0 2px #fff, 0 0 2px #fff; } .legend-4 { position: absolute; left: 40.5%; width: 1.8%; background: radial-gradient(#c5b700, #7f7501); box-shadow: 0 0 5px #7f7501, 0 0 5px #7f7501, 0 0 15px #7f7501, 0 0 5px #7f7501, 0 0 25px #7f7501, 0 0 25px #7f7501, 0 0 25px #7f7501, 0 0 5px #7f7501, 0 0 50px #7f7501; font-family: Century Gothic; font-size: 1vw; text-align: center; line-height: 185%; text-shadow: 0 0 2px #fff, 0 0 2px #fff; } .legend-5 { position: absolute; left: 44.5%; width: 1.8%; background: radial-gradient(#88c03c, #4a681f); box-shadow: 0 0 5px #4a681f, 0 0 5px #4a681f, 0 0 15px #4a681f, 0 0 5px #4a681f, 0 0 25px #4a681f, 0 0 25px #4a681f, 0 0 25px #4a681f, 0 0 5px #4a681f, 0 0 50px #4a681f; font-family: Century Gothic; font-size: 1vw; text-align: center; line-height: 185%; text-shadow: 0 0 2px #fff, 0 0 2px #fff; } .legend-6 { position: absolute; left: 48.5%; width: 1.8%; background: radial-gradient(#47813d, #2b4c24); box-shadow: 0 0 5px #2b4c24, 0 0 5px #2b4c24, 0 0 15px #2b4c24, 0 0 5px #2b4c24, 0 0 25px #2b4c24, 0 0 25px #2b4c24, 0 0 25px #2b4c24, 0 0 5px #2b4c24, 0 0 50px #2b4c24; font-family: Century Gothic; font-size: 1vw; text-align: center; line-height: 185%; text-shadow: 0 0 2px #fff, 0 0 2px #fff; } .legend-7 { position: absolute; left: 52.5%; width: 1.8%; background: radial-gradient(#009f4d, #015326); box-shadow: 0 0 5px #015326, 0 0 5px #015326, 0 0 15px #015326, 0 0 5px #015326, 0 0 25px #015326, 0 0 25px #015326, 0 0 25px #015326, 0 0 5px #015326, 0 0 50px #015326; font-family: Century Gothic; font-size: 1vw; text-align: center; line-height: 185%; text-shadow: 0 0 2px #fff, 0 0 2px #fff; } .legend-7 span { text-align: left; position: absolute; width: 700%; transform: translateX(8%); } .legend-8 { position: absolute; left: 70.5%; width: 2.5%; font-family: Century Gothic; font-size: 1vw; color: white; border: 1px solid #404040; background: linear-gradient(to bottom right, #262626 calc(50% - 3px), #404040 calc(50% - 1px), #262626 50%, #262626 50%); } #first-half { transform: translate(-7%, -5%); } #second-half { transform: translate(35%, 0%); } /* ⟰ LEGEND TO THE MATCH RATINGS ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ SCORE & RATINGS: BUTTON ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ #button-ratings { border: none; border-radius: 1.5vw; position: absolute; z-index: 2; margin-top: 3.6%; left: 38.9%; width: 23%; height: 3vw; font-size: 1vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: white; background: url(../core/button.png), #820202; background-size: 100% 100%; } #button-ratings:hover { color: #f0f50c; background: url(../core/button.png), radial-gradient(#ef0017 -20%, #820202); background-size: 100% 100%; box-shadow: 0 0 5px #9d0e16, 0 0 5px #9d0e16, 0 0 15px #9d0e16, 0 0 5px #9d0e16; } #button-ratings span2 { display: none; } /* ⟱ DATE, FIXTURE AND RESULT ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .date-and-result h8, h9, h10, h11, h12, h13, h14, h15, h16, h17 { position: absolute; display: inline-block; width: 7.3%; margin-top: 6.8%; font-family: Century Gothic; color: white; font-size: .97vw; text-align: center; padding-top: 2%; z-index: 4; } .date-and-result h18, h19, h20, h21, h22, h23, h24, h25, h26, h27 { position: absolute; display: inline-block; width: 7.3%; margin-top: 12.3%; font-family: Century Gothic; color: white; font-size: .97vw; text-align: center; padding-top: 2%; z-index: 4; } .date-and-result h43, h44, h45, h46, h47 { position: absolute; display: inline-block; width: 7.3%; margin-top: 23.5%; font-family: Century Gothic; color: white; font-size: .97vw; text-align: center; padding-top: 2%; z-index: 4; } .date-and-result h48, h49, h50, h51, h52, h53, h54, h55, h56, h57 { position: absolute; display: inline-block; width: 7.3%; margin-top: 29.05%; font-family: Century Gothic; color: white; font-size: .97vw; text-align: center; padding-top: 2%; z-index: 4; } .date-and-result h58, h59, h60, h61, h62, h63, h64, h65, h66, h67 { position: absolute; display: inline-block; width: 7.3%; margin-top: 34.6%; font-family: Century Gothic; color: white; font-size: .97vw; text-align: center; padding-top: 2%; z-index: 4; } .date-and-result h68, h69, h70, h71, h72, h73, h74, h75, h76, h77 { position: absolute; display: inline-block; width: 7.3%; margin-top: 40.15%; font-family: Century Gothic; color: white; font-size: .97vw; text-align: center; padding-top: 2%; z-index: 4; } .date-and-result h8, h18, h48, h58 { left: 15%; } .date-and-result h9, h49, h59 { left: 22.05%; } .date-and-result h10, h50, h60 { left: 29.1%; } .date-and-result h11, h51, h61 { left: 36.2%; } .date-and-result h12, h52, h62 { left: 43.25%; } .date-and-result h13, h43, h53, h63 { left: 50.25%; } .date-and-result h14, h44, h54, h64 { left: 57.3%; } .date-and-result h15, h45, h55, h65 { left: 64.35%; } .date-and-result h16, h46, h56 { left: 71.4%; } .date-and-result h17, h47, h57 { left: 78.45%; } #date { font-size: .81vw; } #result-1h { display: none; } #result-1v { display: none; } #result-2h { display: none; } #result-2v { display: none; } #result-3h { display: none; } #result-3v { display: none; } #result-4h { display: none; } #result-4v { display: none; } #result-35h { display: none; } #result-35v { display: none; } #result-36h { display: none; } #result-36v { display: none; } #result-37h { display: none; } #result-37v { display: none; } #result-38h { display: none; } #result-38v { display: none; } #result-39h { display: none; } #result-39v { display: none; } #result-40h { display: none; } #result-40v { display: none; } #result-41h { display: none; } #result-41v { display: none; } #result-42h { display: none; } #result-42v { display: none; } #result-43h { display: none; } #result-43v { display: none; } #result-44h { display: none; } #result-44v { display: none; } #result-45h { display: none; } #result-45v { display: none; } #result-46h { display: none; } #result-46v { display: none; } #result-47h { display: none; } #result-47v { display: none; } #result-48h { display: none; } #result-48v { display: none; } #result-49h { display: none; } #result-49v { display: none; } #result-50h { display: none; } #result-50v { display: none; } #result-51h { display: none; } #result-51v { display: none; } #result-52h { display: none; } #result-52v { display: none; } #result-53h { display: none; } #result-53v { display: none; } #result-54h { display: none; } #result-54v { display: none; } #result-55h { display: none; } #result-55v { display: none; } #result-56h { display: none; } #result-56v { display: none; } #result-57h { display: none; } #result-57v { display: none; } #result-58h { display: none; } #result-58v { display: none; } #result-59h { display: none; } #result-59v { display: none; } /* ⟰ DATE, FIXTURE AND RESULT ⟰【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ MATCH RATINGS ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .match-ratings-wrapper { position: relative; z-index: 2; } #match-ratings { display: none; margin-top: -2.5%; position: absolute; width: 100%; } /* ⟱ CUBOID HOLDERS ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .cuboid-holder { position: relative; } .holder { position: absolute; margin-top: 16.6%; width: 100%; z-index: 3; } /* ⟱ ROTATING CUBOIDS ⟱ ♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .cuboid1 { position: absolute; margin-top: 34%; left: 6%; width: 4.5%; height: 2%; transform-style: preserve-3d; animation: animate4 10s linear infinite; z-index: 2; } @keyframes animate4 { 0% { transform: rotateX(-5deg) rotateY(0deg); } 100% { transform: rotateX(-5deg) rotateY(360deg); } } .cuboid1 div { width: 100%; height: 100%; transform-style: preserve-3d; } .cuboid1 div span { position: absolute; width: 100%; height: 100%; background: url(../core/badge-wembley-1968.png), linear-gradient(#05163c 10%, #082464 50%); box-shadow: 0 0 5px rgb(8,36,100), 0 0 25px rgb(8,36,100), 0 0 50px rgb(8,36,100), 0 0 200px rgb(8,36,100); transform: rotateY(calc(90deg * var(--i))) translateZ(2.21vw); background-size: 100%; } #cuboid1-side2, #cuboid1-side4 { background: url(../core/wembley-1968.png), linear-gradient(#05163c 10%, #082464 50%); background-size: 100%; } .cuboid2 { position: absolute; margin-top: 34%; right: 6%; width: 4.5%; height: 2%; transform-style: preserve-3d; animation: animate5 10s linear infinite; z-index: 2; } @keyframes animate5 { 0% { transform: rotateX(-5deg) rotateY(0deg); } 100% { transform: rotateX(-5deg) rotateY(-360deg); } } .cuboid2 div { position: absolute; width: 100%; height: 100%; transform-style: preserve-3d; } .cuboid2 div span { position: absolute; width: 100%; height: 100%; background: url(../core/badge-wembley-1958.png), linear-gradient(#621115 10%, #a31d23 50%); box-shadow: 0 0 5px rgb(163, 29, 35), 0 0 25px rgb(163, 29, 35), 0 0 50px rgb(163, 29, 35), 0 0 200px rgb(163, 29, 35); transform: rotateY(calc(90deg * var(--i))) translateZ(2.21vw); background-size: 100%; } #cuboid2-side1, #cuboid2-side3 { background: url(../core/wembley-1958.png), linear-gradient(#621115 10%, #a31d23 50%); background-size: 100%; } /* ⟰ ROTATING CUBOIDS ⟰【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ VERTICAL SIGNS ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .vertical-neon-signs { position: absolute; top: 60%; width: 100%; } /* ⟱ DROPDOWNS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .dropdowns-section { position: relative; margin-top: 60%; margin-left: -5.8vw; height: 150vw; z-index: 2; } .nav_container { position: relative; background-color: gray; justify-items: center; } .dropdown { position: absolute; } .dropdown_list:has( :checked ) { --rows: 1fr; --open-display: none; --close-display: inline-block; --links-display: flex; --spins-display: inline-block; } .open { position: absolute; font-family: Trueno Round Italic; font-size: 1.2vw; letter-spacing: .05vw; margin-top: 7%; left: 42.3%; color: #a8ddbe; text-shadow: 0 0 10px #da020e, 0 0 10px #da020e, 0 0 20px #da020e, 0 0 40px #da020e, 0 0 80px #da020e, 0 0 120px #da020e; display: var(--open-display) !important; } .open2 { position: absolute; font-family: Trueno Round Italic; font-size: 1.2vw; letter-spacing: .05vw; margin-top: 6.9%; left: 40%; color: #f8cccf; text-shadow: 0 0 10px #028336, 0 0 10px #028336, 0 0 10px #028336, 0 0 20px #028336, 0 0 20px #028336, 0 0 40px #028336, 0 0 80px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336; display: var(--open-display) !important; } .close { position: absolute; font-family: Trueno Round Italic; font-size: 1.2vw; letter-spacing: .05vw; margin-top: 7%; left: 58.8%; color: #fff; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff, 0 0 80px #fff, 0 0 120px #fff, 0 0 160px #fff; display: var(--close-display, none) !important; } .close2 { position: absolute; font-family: Trueno Round Italic; font-size: 1.2vw; letter-spacing: .05vw; margin-top: 6.9%; left: 61%; color: white; text-shadow: 0 0 10px #ffcf3e, 0 0 20px #ffcf3e, 0 0 40px #ffcf3e, 0 0 80px #ffcf3e, 0 0 120px #ffcf3e, 0 0 160px #ffcf3e; display: var(--close-display, none) !important; } .hide-PL { position: absolute; background: url(../core/hide-PL.png); background-size: 100%; font-family: 'Courier New', Courier, monospace; font-size: 4.3vw; top: 29%; left: 46.9%; display: var(--close-display, none) !important; } .hide-UCL { position: absolute; background: url(../core/hide-UCL.png); background-size: 100%; font-family: 'Courier New', Courier, monospace; font-size: 4.3vw; top: 29%; left: 46.9%; display: var(--close-display, none) !important; } .hide-FA { position: absolute; background: url(../core/hide-FA.png); background-size: 100%; font-family: 'Courier New', Courier, monospace; font-size: 4.3vw; top: 29%; left: 46.9%; display: var(--close-display, none) !important; } .hide-EFL { position: absolute; background: url(../core/hide-EFL.png); background-size: 100%; font-family: 'Courier New', Courier, monospace; font-size: 4.3vw; top: 29%; left: 46.9%; display: var(--close-display, none) !important; } .hide-UEL { position: absolute; background: url(../core/hide-UEL.png); background-size: 100%; font-family: 'Courier New', Courier, monospace; font-size: 4.3vw; top: 29%; left: 46.9%; display: var(--close-display, none) !important; } .dropdown_check { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='23px' height='30px' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f90605' d='M 11.5,-0.5 C 12.5,-0.5 13.5,-0.5 14.5,-0.5C 14.5,2.16667 14.5,4.83333 14.5,7.5C 13.8333,6.16667 13.1667,4.83333 12.5,3.5C 12.1667,3.5 11.8333,3.5 11.5,3.5C 11.5,2.16667 11.5,0.833333 11.5,-0.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23040404' d='M 9.5,3.5 C 10.1667,3.5 10.8333,3.5 11.5,3.5C 11.8333,3.5 12.1667,3.5 12.5,3.5C 12.5,5.16667 12.5,6.83333 12.5,8.5C 13.9527,10.229 15.9527,11.229 18.5,11.5C 19.4742,13.7427 19.8076,16.076 19.5,18.5C 18.0795,21.2613 17.4129,24.2613 17.5,27.5C 15.5,27.5 13.5,27.5 11.5,27.5C 11.1185,22.737 9.11854,18.737 5.5,15.5C 6.56764,14.5655 7.90097,14.2322 9.5,14.5C 9.5,10.8333 9.5,7.16667 9.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23aa2822' d='M 12.5,3.5 C 13.1667,4.83333 13.8333,6.16667 14.5,7.5C 15.1667,7.5 15.8333,7.5 16.5,7.5C 15.4324,8.43448 14.099,8.76781 12.5,8.5C 12.5,6.83333 12.5,5.16667 12.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%235a5c5e' d='M 9.5,3.5 C 9.5,7.16667 9.5,10.8333 9.5,14.5C 7.90097,14.2322 6.56764,14.5655 5.5,15.5C 4.95691,15.44 4.62358,15.1067 4.5,14.5C 5.68884,13.5713 7.02218,13.238 8.5,13.5C 8.18723,9.95815 8.52056,6.62482 9.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f41a13' d='M 17.5,7.5 C 19.1172,8.038 20.7839,8.37133 22.5,8.5C 22.5,12.8333 22.5,17.1667 22.5,21.5C 20.7773,23.78 20.1107,26.4467 20.5,29.5C 17.5,29.5 14.5,29.5 11.5,29.5C 13.5,28.8333 15.5,28.1667 17.5,27.5C 17.4129,24.2613 18.0795,21.2613 19.5,18.5C 20.4767,15.7131 20.81,12.7131 20.5,9.5C 18.8212,9.71481 17.8212,9.04814 17.5,7.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23bea6ab' d='M 16.5,7.5 C 16.8333,7.5 17.1667,7.5 17.5,7.5C 17.8212,9.04814 18.8212,9.71481 20.5,9.5C 20.81,12.7131 20.4767,15.7131 19.5,18.5C 19.8076,16.076 19.4742,13.7427 18.5,11.5C 15.9527,11.229 13.9527,10.229 12.5,8.5C 14.099,8.76781 15.4324,8.43448 16.5,7.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23f0edf0' d='M 7.5,-0.5 C 8.83333,-0.5 10.1667,-0.5 11.5,-0.5C 11.5,0.833333 11.5,2.16667 11.5,3.5C 10.8333,3.5 10.1667,3.5 9.5,3.5C 8.52056,6.62482 8.18723,9.95815 8.5,13.5C 7.02218,13.238 5.68884,13.5713 4.5,14.5C 4.62358,15.1067 4.95691,15.44 5.5,15.5C 9.11854,18.737 11.1185,22.737 11.5,27.5C 13.5,27.5 15.5,27.5 17.5,27.5C 15.5,28.1667 13.5,28.8333 11.5,29.5C 10.8333,29.5 10.1667,29.5 9.5,29.5C 9.04814,25.4246 7.54814,21.7579 5,18.5C 3.54905,16.5359 1.71572,15.2026 -0.5,14.5C -0.5,13.1667 -0.5,11.8333 -0.5,10.5C 2.19853,10.4661 4.69853,11.1328 7,12.5C 7.49902,8.17944 7.66568,3.84611 7.5,-0.5 Z'/%3E%3C/g%3E%3C/svg%3E%0A") 1 1, pointer; } .transition { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='23px' height='28px' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23080101' d='M 2.5,3.5 C 7.1586,6.16843 11.4919,9.3351 15.5,13C 9.07438,12.1868 4.74104,14.6868 2.5,20.5C 1.16667,14.8333 1.16667,9.16667 2.5,3.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23af231e' d='M 3.5,1.5 C 9.3796,5.26653 15.0463,9.26653 20.5,13.5C 17.023,14.3227 13.3563,14.8227 9.5,15C 8.74756,15.6708 8.41423,16.5041 8.5,17.5C 7.20027,20.4323 5.20027,22.7656 2.5,24.5C 2.5,23.1667 2.5,21.8333 2.5,20.5C 4.74104,14.6868 9.07438,12.1868 15.5,13C 11.4919,9.3351 7.1586,6.16843 2.5,3.5C 2.32842,2.50838 2.66175,1.84171 3.5,1.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23bab7d0' d='M 20.5,13.5 C 21.1667,13.8333 21.8333,14.1667 22.5,14.5C 22.5,15.5 22.5,16.5 22.5,17.5C 17.8665,16.8663 13.1998,16.8663 8.5,17.5C 8.41423,16.5041 8.74756,15.6708 9.5,15C 13.3563,14.8227 17.023,14.3227 20.5,13.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:1' fill='%23b4bcca' d='M -0.5,-0.5 C 0.166667,-0.5 0.833333,-0.5 1.5,-0.5C 2.16667,0.166667 2.83333,0.833333 3.5,1.5C 2.66175,1.84171 2.32842,2.50838 2.5,3.5C 1.16667,9.16667 1.16667,14.8333 2.5,20.5C 2.5,21.8333 2.5,23.1667 2.5,24.5C 1.89022,25.391 1.55688,26.391 1.5,27.5C 0.833333,27.5 0.166667,27.5 -0.5,27.5C -0.5,18.1667 -0.5,8.83333 -0.5,-0.5 Z'/%3E%3C/g%3E%3C/svg%3E%0A") 1 1, auto; } .dropdown_content { display: grid; grid-template-rows: var(--rows, 0fr); font-size: 0; } .dropdown_content-matches { display: grid; grid-template-rows: var(--rows, 0fr); font-size: 0; } .dropdown_sub { overflow: hidden; } .dropdown_li { list-style: none; } #link-opacity { opacity: 0; } .link1-pre { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: 162.4%; margin-left: 40.8%; display: var(--links-display, none) !important; } .link2-pre { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: 163.9%; margin-left: 40.8%; display: var(--links-display, none) !important; } .link3-pre { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: 166.8%; margin-left: 40.8%; display: var(--links-display, none) !important; } .link4-pre { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: 169.5%; margin-left: 45.1%; display: var(--links-display, none) !important; } .link5-pre { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: 171%; margin-left: 44.7%; display: var(--links-display, none) !important; } .link6-pre { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: 173.9%; margin-left: 40.8%; display: var(--links-display, none) !important; } .link1 { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: -36.55%; margin-left: 40.8%; display: var(--links-display, none) !important; } .link2 { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: -35.15%; margin-left: 40.8%; display: var(--links-display, none) !important; } .link3 { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: -32.25%; margin-left: 40.8%; display: var(--links-display, none) !important; } .link4 { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: -30.8%; margin-left: 40.8%; display: var(--links-display, none) !important; } .link5 { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: -27.9%; margin-left: 40.8%; display: var(--links-display, none) !important; } .link6 { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: -26.49%; margin-left: 40.8%; display: var(--links-display, none) !important; } .link7 { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: -23.7%; margin-left: 43.4%; display: var(--links-display, none) !important; } .link8 { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: -22.2%; margin-left: 43.4%; display: var(--links-display, none) !important; } .link9 { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: -20.75%; margin-left: 43.4%; display: var(--links-display, none) !important; } .link10 { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: -17.9%; margin-left: 40.8%; display: var(--links-display, none) !important; } .link11 { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: -16.4%; margin-left: 40.8%; display: var(--links-display, none) !important; } .link12 { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: -15%; margin-left: 40.8%; display: var(--links-display, none) !important; } .link13 { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: -12.1%; margin-left: 40.8%; display: var(--links-display, none) !important; } .link14 { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: -10.7%; margin-left: 40.8%; display: var(--links-display, none) !important; } .link15 { position: absolute; font-family: Agency FB; font-size: 1.36vw; margin-top: -9.2%; margin-left: 40.8%; display: var(--links-display, none) !important; } .dropdown-content { width: 104%; height: 100%; } .content-match { width: 95%; height: 100%; } .content-match1 { margin-top: -.7%; width: 95%; height: 100%; } .content-match2 { margin-top: -.2%; width: 95%; height: 100%; } .content-match3 { margin-top: -1.4%; width: 95%; height: 100%; z-index: -100; } /* ⟰ DROPDOWNS ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ TRANSFERS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .dropdown-transfers { background-image: url(../core/transfers.png); background-size: 104% 100%; color: white; padding: 5.2vw; text-decoration: none; display: flex; align-items: center; position: relative; } .transfers-title { position: absolute; font-family: Delight; font-size: 2.4vw; color: #a8ddbe; text-shadow: 0 0 10px #13b48a, 0 0 10px #13b48a, 0 0 20px #13b48a, 0 0 40px #13b48a, 0 0 40px #13b48a, 0 0 80px #13b48a, 0 0 120px #13b48a, 0 0 120px #13b48a, 0 0 160px #13b48a; transform: translate(376%, -7%); margin-right: 20%; pointer-events: none; } .transfers-title span1 { font-family: Ketosag Condensed; font-size: 2.4vw; } /* ⟱ STATS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .dropdown-stats { background-image: url(../core/stats.png); background-size: 104% 100%; color: white; padding: 5.2vw; text-decoration: none; display: flex; align-items: center; position: relative; } .stats-title { position: absolute; font-family: Better Grade; font-size: 5vw; color: #f8cccf; text-shadow: 0 0 10px #da020e, 0 0 10px #da020e, 0 0 10px #da020e, 0 0 10px #da020e, 0 0 10px #da020e, 0 0 20px #da020e, 0 0 40px #da020e, 0 0 80px #da020e, 0 0 120px #da020e; margin-top: 0%; left: 55.4%; pointer-events: none; } .stats-title span1 { position: absolute; font-family: myFont; font-size: 2.7vw; transform: translate(-105%, 70%); color: #ffdccc; text-shadow: 0 0 10px #ffb330, 0 0 10px #ffb330, 0 0 10px #ffb330, 0 0 10px #ffb330, 0 0 20px #fe5201, 0 0 20px #fe5201, 0 0 20px #fe5201, 0 0 40px #fe5201, 0 0 40px #fe5201, 0 0 80px #fe5201, 0 0 80px #fe5201, 0 0 120px #fe5201, 0 0 120px #fe5201; } /* ⟱ PLAYER PERFORMANCE ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .dropdown-player-performance { background-image: url(../core/player-perf.png); background-size: 104% 100%; color: white; padding: 5.2vw; text-decoration: none; display: flex; align-items: center; position: relative; } .player-performance-title { position: absolute; font-family: Majanan; font-size: 3vw; font-weight:bold; letter-spacing: 0.3vw; color: #fff; text-shadow: 0 0 10px #d821c3, 0 0 20px #d821c3, 0 0 40px #d821c3, 0 0 80px #d821c3, 0 0 120px #d821c3, 0 0 160px #d821c3; margin-top: .3%; left: 45.9%; pointer-events: none; } .player-performance-title span1 { font-size: 2vw; } .player-performance-title::before { content: ''; position: absolute; width: 23%; height: 4%; background-color: yellow; box-shadow: 0 0 10px #ffcf3e, 0 0 20px #ffcf3e, 0 0 40px #ffcf3e, 0 0 80px #ffcf3e, 0 0 120px #ffcf3e, 0 0 160px #ffcf3e; transform: translate(35%, 135%); } .player-performance-title::after { content: ''; position: absolute; width: 53%; height: 4%; background-color: #68e569; box-shadow: 0 0 10px #03d305, 0 0 10px #03d305, 0 0 20px #03d305; transform: translate(-103%, 135%); } /* ⟱ PLAYER STATS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .dropdown-player-stats { background-image: url(../core/player-stats.png); background-size: 104% 100%; color: white; padding: 5.2vw; text-decoration: none; display: flex; align-items: center; position: relative; } .player-stats-title { position: absolute; font-family: Uppen Arms NF; font-size: 2vw; color: #b9c2d7; text-shadow: 0 0 10px #17347a, 0 0 10px #17347a, 0 0 10px #17347a, 0 0 20px #17347a, 0 0 20px #17347a, 0 0 40px #17347a, 0 0 40px #17347a, 0 0 80px #17347a, 0 0 80px #17347a, 0 0 80px #17347a, 0 0 120px #17347a, 0 0 120px #17347a, 0 0 120px #17347a, 0 0 160px #17347a, 0 0 160px #17347a; margin-top: .7%; left: 45.7%; pointer-events: none; } /* ⟱ TRANSITION BUFFER ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .space-transition { background-image: url(../core/transition.png); background-size: 104% 100%; color: white; padding: 5.2vw; text-decoration: none; display: flex; align-items: center; position: relative; } .led-words-invisible { overflow: hidden; } .led-words-invisible span { font-family: myFont; font-size: 2.5vw; color: transparent; display: block; height: 100%; animation: spin-words 6s infinite; } /* ⟰ PLAYER STATS ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟰ KITS ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .kits { background-image: url(../2025-26/kits.png); background-size: 79% 100%; color: white; padding: 15vw; text-decoration: none; display: flex; align-items: center; position: relative; left: 12.9%; } .unitedkits-link { position: absolute; width: 40%; margin-top: -4%; margin-left: 32.3%; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-size: 1vw; font-weight: 900; text-align: center; } /* ⟱ PRESEASON, MATCHES, INTERNATIONAL BREAK ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ [itemid="dropdown-matches"] { margin-right: -10vw; } .dropdown-preseason { background-image: url(../2025-26/pre-season.png); background-size: 95% 100%; color: white; padding: 4.15vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-1st-match { background-image: url(../2025-26/1st-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-2nd-match { background-image: url(../2025-26/2nd-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-3rd-match { background-image: url(../2025-26/3rd-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-4th-match { background-image: url(../2025-26/4th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-5th-match { background-image: url(../2025-26/5th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-6th-match { background-image: url(../2025-26/6th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-7th-match { background-image: url(../2025-26/7th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-8th-match { background-image: url(../2025-26/8th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-9th-match { background-image: url(../2025-26/9th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-10th-match { background-image: url(../2025-26/10th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-11th-match { background-image: url(../2025-26/11th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-12th-match { background-image: url(../2025-26/12th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-13th-match { background-image: url(../2025-26/13th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-14th-match { background-image: url(../2025-26/14th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-15th-match { background-image: url(../2025-26/15th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-16th-match { background-image: url(../2025-26/16th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-17th-match { background-image: url(../2025-26/17th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-18th-match { background-image: url(../2025-26/18th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-19th-match { background-image: url(../2025-26/19th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-20th-match { background-image: url(../2025-26/20th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-21st-match { background-image: url(../2025-26/21st-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-22nd-match { background-image: url(../2025-26/22nd-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-23rd-match { background-image: url(../2025-26/23rd-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-24th-match { background-image: url(../2025-26/24th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-25th-match { background-image: url(../2025-26/25th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-26th-match { background-image: url(../2025-26/26th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-27th-match { background-image: url(../2025-26/27th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-28th-match { background-image: url(../2025-26/28th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-29th-match { background-image: url(../2025-26/29th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-30th-match { background-image: url(../2025-26/30th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-31st-match { background-image: url(../2025-26/31st-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-32nd-match { background-image: url(../2025-26/32nd-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-33rd-match { background-image: url(../2025-26/33rd-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-34th-match { background-image: url(../2025-26/34th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-35th-match { background-image: url(../2025-26/35th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-36th-match { background-image: url(../2025-26/36th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-37th-match { background-image: url(../2025-26/37th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-38th-match { background-image: url(../2025-26/38th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-39th-match { background-image: url(../2025-26/39th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-40th-match { background-image: url(../2025-26/40th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-41st-match { background-image: url(../2025-26/41st-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-42nd-match { background-image: url(../2025-26/42nd-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-43rd-match { background-image: url(../2025-26/43rd-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-44th-match { background-image: url(../2025-26/44th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-45th-match { background-image: url(../2025-26/45th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-46th-match { background-image: url(../2025-26/46th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-47th-match { background-image: url(../2025-26/47th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-48th-match { background-image: url(../2025-26/48th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-49th-match { background-image: url(../2025-26/49th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-50th-match { background-image: url(../2025-26/50th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-51st-match { background-image: url(../2025-26/51st-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-52nd-match { background-image: url(../2025-26/52nd-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-53rd-match { background-image: url(../2025-26/53rd-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-54th-match { background-image: url(../2025-26/54th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-55th-match { background-image: url(../2025-26/55th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-56th-match { background-image: url(../2025-26/56th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-57th-match { background-image: url(../2025-26/57th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-58th-match { background-image: url(../2025-26/58th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown59th-match { background-image: url(../2025-26/59th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-60th-match { background-image: url(../2025-26/60th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-61st-match { background-image: url(../2025-26/61st-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-62nd-match { background-image: url(../2025-26/62nd-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-63rd-match { background-image: url(../2025-26/63rd-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-64th-match { background-image: url(../2025-26/64th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-67th-match { background-image: url(../2025-26/67th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-68th-match { background-image: url(../2025-26/68th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-69th-match { background-image: url(../2025-26/69th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-70th-match { background-image: url(../2025-26/70th-match.png); background-size: 95% 115%; color: white; padding: 4vw; text-decoration: none; display: flex; align-items: center; position: relative; } .space-international-break { background-image: url(../core/break.png); background-size: 102.3% 100%; color: white; padding: .7vw; text-decoration: none; display: flex; align-items: center; position: relative; } /* ⟰ PRESEASON, MATCHES, INTERNATIONAL BREAK ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ PRE-MATCH NEWS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 【♦】 */ .pre-match { position: absolute; width: 18.6%; height: 16%; left: 20.9%; top: 33%; background-size: cover; display: flex; overflow: hidden; white-space: nowrap; background: #d8d8d9; pointer-events: none; z-index: -2; } .pre-match .news { display: flex; } .pre-match .news div { font-family: Trueno Round Italic; font-size: 1vw; white-space: nowrap; display: flex; animation: animate2 40s linear infinite; animation-delay: -20s; } .pre-match .news div span { color: #d8d8d9; background-color: #a52129; } .pre-match .news div span2 { color: #c00101; } .pre-match .news div span3 { color: #d8d8d9; background-color: #1e2526; } .pre-match .news div span4 { color: #d8d8d9; background-color: #1e2526; font-size: 1.7vw; margin-top: -.3%; } .pre-match .news div:nth-child(2) { animation: animate3 40s linear infinite; } @keyframes animate2 { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } @keyframes animate3 { 0% { transform: translateX(0); } 100% { transform: translateX(-200%); } } .pre-match-skew { position: absolute; width: 8%; height: 16%; left: 36.83%; top: 30%; background-size: cover; display: flex; overflow: hidden; white-space: nowrap; background: #d8d8d9; pointer-events: none; z-index: -2; transform: skewY(-8.5deg) rotate3d(0, 1, 0, 70deg); } .pre-match-skew .news-skew { display: flex; margin-left: -230%; } .pre-match-skew .news-skew div { font-family: Trueno Round Italic; font-size: 1vw; white-space: nowrap; display: flex; animation: animate2 40s linear infinite; animation-delay: -20s; } .pre-match-skew .news-skew div span { color: #d8d8d9; background-color: #a52129; } .pre-match-skew .news-skew div span2 { color: #c00101; } .pre-match-skew .news-skew div span3 { color: #d8d8d9; background-color: #1e2526; } .pre-match-skew .news-skew div span4 { color: #d8d8d9; background-color: #1e2526; font-size: 1.7vw; margin-top: -.3%; } .pre-match-skew .news-skew div:nth-child(2) { animation: animate3 40s linear infinite; } /* ⟱ POST-MATCH NEWS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 【♦】 */ .post-match { position: absolute; width: 18.6%; height: 16%; left: 56.2%; top: 33%; background-size: cover; display: flex; overflow: hidden; white-space: nowrap; background: #d8d8d9; pointer-events: none; z-index: -2; } .post-match .news { display: flex; } .post-match .news div { font-family: Trueno Round Italic; font-size: 1vw; white-space: nowrap; display: flex; animation: animate2 40s linear infinite; animation-delay: -20s; } .post-match .news div span { color: #d8d8d9; background-color: #a52129; } .post-match .news div span2 { color: #c00101; } .post-match .news div span3 { color: #d8d8d9; background-color: #1e2526; } .post-match .news div span4 { color: #d8d8d9; background-color: #1e2526; font-size: 1.7vw; margin-top: -.3%; } .post-match .news div:nth-child(2) { animation: animate3 40s linear infinite; } .post-match-skew { position: absolute; width: 8%; height: 16%; left: 50.85%; top: 30%; background-size: cover; display: flex; overflow: hidden; white-space: nowrap; background: #d8d8d9; pointer-events: none; z-index: -2; transform: skewY(8.5deg) rotate3d(0, 1, 0, 70deg); } .post-match-skew .news-skew { display: flex; margin-left: 100%; } .post-match-skew .news-skew div { font-family: Trueno Round Italic; font-size: 1vw; white-space: nowrap; display: flex; animation: animate2 40s linear infinite; animation-delay: -20s; } .post-match-skew .news-skew div span { color: #d8d8d9; background-color: #a52129; } .post-match-skew .news-skew div span2 { color: #c00101; } .post-match-skew .news-skew div span3 { color: #d8d8d9; background-color: #1e2526; } .post-match-skew .news-skew div span4 { color: #d8d8d9; background-color: #1e2526; font-size: 1.7vw; margin-top: -.3%; } .post-match-skew .news-skew div:nth-child(2) { animation: animate3 40s linear infinite; } /* ⟰ POST-MATCH NEWS MATCH 1 ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 【♦】 */ /* ⟱ BUTTON: SHOW SCORE AND NEWS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 【♦】 */ /* MATCH 1 */ #button-score-news1 h89 { display: none; } #cover1-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #cover1-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #button-score-news1 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news1:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 1 // BUTTON ROTATE ANIMATION */ .button-wrapper span { position: absolute; display: block; } #button-score-news1 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } @keyframes rotate1 { 0% { left: -100%; } 50%,100%{ left: 100%; } } #button-score-news1 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } @keyframes rotate3 { 0% { right: -100%; } 50%,100%{ right: 100%; } } #button-score-news1 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } @keyframes rotate2 { 0% { top: -100%; } 50%,100%{ top: 100%; } } #button-score-news1 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } @keyframes rotate4 { 0% { bottom: -100%; } 50%,100%{ bottom: 100%; } } #button-score-news1:hover span { animation-play-state: paused; } /* MATCH 2 */ #button-score-news2 h89 { display: none; } #cover2-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover2-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news2 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news2:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 2 // BUTTON: ROTATE ANIMATION */ #button-score-news2 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news2 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news2 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news2 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news2:hover span { animation-play-state: paused; } /* MATCH 3 */ #button-score-news3 h89 { display: none; } #cover3-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover3-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news3 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news3:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 3 // BUTTON: ROTATE ANIMATION */ #button-score-news3 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news3 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news3 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news3 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news3:hover span { animation-play-state: paused; } /* MATCH 4 */ #button-score-news4 h89 { display: none; } #cover4-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover4-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news4 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news4:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 4 // BUTTON: ROTATE ANIMATION */ #button-score-news4 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news4 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news4 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news4 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news4:hover span { animation-play-state: paused; } /* MATCH 35 */ #button-score-news35 h89 { display: none; } #cover35-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover35-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news35 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news35:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 35 // BUTTON: ROTATE ANIMATION */ #button-score-news35 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news35 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news35 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news35 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news35:hover span { animation-play-state: paused; } /* MATCH 36 */ #button-score-news36 h89 { display: none; } #cover36-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover36-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news36 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news36:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 36 // BUTTON: ROTATE ANIMATION */ #button-score-news36 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news36 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news36 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news36 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news36:hover span { animation-play-state: paused; } /* MATCH 37 */ #button-score-news37 h89 { display: none; } #cover37-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover37-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news37 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news37:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 37 // BUTTON: ROTATE ANIMATION */ #button-score-news37 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news37 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news37 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news37 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news37:hover span { animation-play-state: paused; } /* MATCH 38 */ #button-score-news38 h89 { display: none; } #cover38-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover38-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news38 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news38:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 38 // BUTTON: ROTATE ANIMATION */ #button-score-news38 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news38 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news38 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news38 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news38:hover span { animation-play-state: paused; } /* MATCH 39 */ #button-score-news39 h89 { display: none; } #cover39-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover39-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news39 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news39:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 39 // BUTTON: ROTATE ANIMATION */ #button-score-news39 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news39 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news39 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news39 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news39:hover span { animation-play-state: paused; } /* MATCH 40 */ #button-score-news40 h89 { display: none; } #cover40-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover40-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news40 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news40:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 40 // BUTTON: ROTATE ANIMATION */ #button-score-news40 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news40 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news40 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news40 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news40:hover span { animation-play-state: paused; } /* MATCH 41 */ #button-score-news41 h89 { display: none; } #cover41-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover41-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news41 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news41:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 41 // BUTTON: ROTATE ANIMATION */ #button-score-news41 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news41 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news41 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news41 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news41:hover span { animation-play-state: paused; } /* MATCH 42 */ #button-score-news42 h89 { display: none; } #cover42-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover42-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news42 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news42:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 42 // BUTTON: ROTATE ANIMATION */ #button-score-news42 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news42 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news42 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news42 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news42:hover span { animation-play-state: paused; } /* MATCH 43 */ #button-score-news43 h89 { display: none; } #cover43-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover43-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news43 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news43:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 43 // BUTTON: ROTATE ANIMATION */ #button-score-news43 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news43 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news43 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news43 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news43:hover span { animation-play-state: paused; } /* MATCH 44 */ #button-score-news44 h89 { display: none; } #cover44-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover44-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news44 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news44:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 44 // BUTTON: ROTATE ANIMATION */ #button-score-news44 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news44 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news44 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news44 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news44:hover span { animation-play-state: paused; } /* MATCH 45 */ #button-score-news45 h89 { display: none; } #cover45-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover45-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news45 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news45:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 45 // BUTTON: ROTATE ANIMATION */ #button-score-news45 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news45 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news45 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news45 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news45:hover span { animation-play-state: paused; } /* MATCH 46 */ #button-score-news46 h89 { display: none; } #cover46-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover46-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news46 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news46:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 47 // BUTTON: ROTATE ANIMATION */ #button-score-news47 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news47 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news47 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news47 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news47:hover span { animation-play-state: paused; } /* MATCH 47 */ #button-score-news47 h89 { display: none; } #cover47-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover47-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news47 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news47:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 47 // BUTTON: ROTATE ANIMATION */ #button-score-news47 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news47 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news47 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news47 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news47:hover span { animation-play-state: paused; } /* MATCH 48 */ #button-score-news48 h89 { display: none; } #cover48-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover48-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news48 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news48:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 48 // BUTTON: ROTATE ANIMATION */ #button-score-news48 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news48 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news48 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news48 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news48:hover span { animation-play-state: paused; } /* MATCH 49 */ #button-score-news49 h89 { display: none; } #cover49-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover49-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news49 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news49:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 49 // BUTTON: ROTATE ANIMATION */ #button-score-news49 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news49 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news49 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news49 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news49:hover span { animation-play-state: paused; } /* MATCH 50 */ #button-score-news50 h89 { display: none; } #cover50-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover50-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news50 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news50:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 50 // BUTTON: ROTATE ANIMATION */ #button-score-news50 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news50 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news50 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news50 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news50:hover span { animation-play-state: paused; } /* MATCH 51 */ #button-score-news51 h89 { display: none; } #cover51-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover51-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news51 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news51:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 51 // BUTTON: ROTATE ANIMATION */ #button-score-news51 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news51 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news51 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news51 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news51:hover span { animation-play-state: paused; } /* MATCH 52 */ #button-score-news52 h89 { display: none; } #cover52-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover52-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news52 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news52:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 52 // BUTTON: ROTATE ANIMATION */ #button-score-news52 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news52 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news52 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news52 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news52:hover span { animation-play-state: paused; } /* MATCH 53 */ #button-score-news53 h89 { display: none; } #cover53-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover53-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news53 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news53:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 53 // BUTTON: ROTATE ANIMATION */ #button-score-news53 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news53 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news53 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news53 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news53:hover span { animation-play-state: paused; } /* MATCH 54 */ #button-score-news54 h89 { display: none; } #cover54-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover54-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news54 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news54:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 54 // BUTTON: ROTATE ANIMATION */ #button-score-news54 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news54 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news54 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news54 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news54:hover span { animation-play-state: paused; } /* MATCH 55 */ #button-score-news55 h89 { display: none; } #cover55-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover55-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news55 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news55:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 55 // BUTTON: ROTATE ANIMATION */ #button-score-news55 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news55 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news55 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news55 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news55:hover span { animation-play-state: paused; } /* MATCH 56 */ #button-score-news56 h89 { display: none; } #cover56-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover56-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news56 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news56:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 56 // BUTTON: ROTATE ANIMATION */ #button-score-news56 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news56 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news56 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news56 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news56:hover span { animation-play-state: paused; } /* MATCH 57 */ #button-score-news57 h89 { display: none; } #cover57-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover57-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news57 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news57:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 57 // BUTTON: ROTATE ANIMATION */ #button-score-news57 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news57 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news57 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news57 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news57:hover span { animation-play-state: paused; } /* MATCH 58 */ #button-score-news58 h89 { display: none; } #cover58-score { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .08%; } #cover58-news { position: absolute; width: 95%; height: 100%; margin-left: -3.48%; margin-top: .095%; z-index: -1; } #button-score-news58 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -5.65%; left: 40.8%; width: 14.2%; height: auto; line-height: 1vw; font-family: Lampen; font-size: 1.2vw; color: white; background: #262626; overflow: hidden; } #button-score-news58:hover { color: black; background: #ef0017; box-shadow: 0 0 5px #ef0017, 0 0 25px #ef0017, 0 0 50px #ef0017, 0 0 200px #ef0017; } /* MATCH 58 // BUTTON: ROTATE ANIMATION */ #button-score-news58 span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 10%; background: linear-gradient(90deg, transparent, #ef0017); animation: rotate1 0.8s linear infinite; animation-delay: 0s; } #button-score-news58 span:nth-child(3) { bottom: 0; right: -100%; width: 100%; height: .15vw; background: linear-gradient(270deg, transparent, #ef0017); animation: rotate3 0.8s linear infinite; animation-delay: 0.4s; } #button-score-news58 span:nth-child(2) { top: -100%; right: 0; width: 2%; height: 100%; background: linear-gradient(180deg, transparent, #ef0017); animation: rotate2 0.8s linear infinite; animation-delay: 0.2s; } #button-score-news58 span:nth-child(4) { bottom: -100%; left: 0; width: 2%; height: 100%; background: linear-gradient(360deg, transparent, #ef0017); animation: rotate4 0.8s linear infinite; animation-delay: 0.6s; } #button-score-news58:hover span { animation-play-state: paused; } /* ⟰ BUTTON: SHOW SCORE AND NEWS ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 【♦】 */ /* ⟱ DATE | TIME | COMPETITION STAGE ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 【♦】 */ .date-time { position: absolute; top: 86%; left: 40.35%; width: 15%; font-family: Agency FB; font-size: 1vw; color: #e0dcdc; text-align: center; opacity: 0; } /* ⟱ BUTTON: SHOW MATCH STATS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 【♦】 */ /* MATCH 1 */ #button-stats1 h91 { display: none; } #button-stats1 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats1:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats1:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats1:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats1:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats1:hover h90 { color: rgb(211, 208, 208); } #stats-1st-match { display: none; } /* MATCH 2 */ #button-stats2 h91 { display: none; } #button-stats2 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats2:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats2:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats2:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats2:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats2:hover h90 { color: rgb(211, 208, 208); } #stats-2nd-match { display: none; } /* MATCH 3 */ #button-stats3 h91 { display: none; } #button-stats3 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats3:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats3:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats3:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats3:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats3:hover h90 { color: rgb(211, 208, 208); } #stats-3rd-match { display: none; } /* MATCH 4 */ #button-stats4 h91 { display: none; } #button-stats4 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats4:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats4:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats4:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats4:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats4:hover h90 { color: rgb(211, 208, 208); } #stats-4th-match { display: none; } /* MATCH 35 */ #button-stats35 h91 { display: none; } #button-stats35 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats35:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats35:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats35:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats35:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats35:hover h90 { color: rgb(211, 208, 208); } #stats-35th-match { display: none; } /* MATCH 36 */ #button-stats36 h91 { display: none; } #button-stats36 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats36:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats36:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats36:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats36:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats36:hover h90 { color: rgb(211, 208, 208); } #stats-36th-match { display: none; } /* MATCH 37 */ #button-stats37 h91 { display: none; } #button-stats37 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats37:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats37:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats37:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats37:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats37:hover h90 { color: rgb(211, 208, 208); } #stats-37th-match { display: none; } /* MATCH 38 */ #button-stats38 h91 { display: none; } #button-stats38 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats38:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats38:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats38:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats38:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats38:hover h90 { color: rgb(211, 208, 208); } #stats-38th-match { display: none; } /* MATCH 39 */ #button-stats39 h91 { display: none; } #button-stats39 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats39:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats39:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats39:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats39:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats39:hover h90 { color: rgb(211, 208, 208); } #stats-39th-match { display: none; } /* MATCH 40 */ #button-stats40 h91 { display: none; } #button-stats40 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats40:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats40:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats40:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats40:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats40:hover h90 { color: rgb(211, 208, 208); } #stats-40th-match { display: none; } /* MATCH 41 */ #button-stats41 h91 { display: none; } #button-stats41 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats41:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats41:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats41:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats41:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats41:hover h90 { color: rgb(211, 208, 208); } #stats-41st-match { display: none; } /* MATCH 42 */ #button-stats42 h91 { display: none; } #button-stats42 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats42:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats42:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats42:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats42:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats42:hover h90 { color: rgb(211, 208, 208); } #stats-42nd-match { display: none; } /* MATCH 43 */ #button-stats43 h91 { display: none; } #button-stats43 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats43:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats43:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats43:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats43:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats43:hover h90 { color: rgb(211, 208, 208); } #stats-43rd-match { display: none; } /* MATCH 44 */ #button-stats44 h91 { display: none; } #button-stats44 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats44:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats44:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats44:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats44:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats44:hover h90 { color: rgb(211, 208, 208); } #stats-44th-match { display: none; } /* MATCH 45 */ #button-stats45 h91 { display: none; } #button-stats45 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats45:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats45:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats45:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats45:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats45:hover h90 { color: rgb(211, 208, 208); } #stats-45th-match { display: none; } /* MATCH 46 */ #button-stats46 h91 { display: none; } #button-stats46 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats46:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats46:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats46:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats46:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats46:hover h90 { color: rgb(211, 208, 208); } #stats-46th-match { display: none; } /* MATCH 47 */ #button-stats47 h91 { display: none; } #button-stats47 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats47:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats47:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats47:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats47:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats47:hover h90 { color: rgb(211, 208, 208); } #stats-47th-match { display: none; } /* MATCH 48 */ #button-stats48 h91 { display: none; } #button-stats48 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats48:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats48:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats48:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats48:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats48:hover h90 { color: rgb(211, 208, 208); } #stats-48th-match { display: none; } /* MATCH 49 */ #button-stats49 h91 { display: none; } #button-stats49 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats49:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats49:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats49:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats49:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats49:hover h90 { color: rgb(211, 208, 208); } #stats-49th-match { display: none; } /* MATCH 50 */ #button-stats50 h91 { display: none; } #button-stats50 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats50:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats50:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats50:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats50:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats50:hover h90 { color: rgb(211, 208, 208); } #stats-50th-match { display: none; } /* MATCH 51 */ #button-stats51 h91 { display: none; } #button-stats51 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats51:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats51:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats51:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats51:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats51:hover h90 { color: rgb(211, 208, 208); } #stats-51st-match { display: none; } /* MATCH 52 */ #button-stats52 h91 { display: none; } #button-stats52 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats52:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats52:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats52:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats52:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats52:hover h90 { color: rgb(211, 208, 208); } #stats-52nd-match { display: none; } /* MATCH 53 */ #button-stats53 h91 { display: none; } #button-stats53 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats53:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats53:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats53:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats53:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats53:hover h90 { color: rgb(211, 208, 208); } #stats-53rd-match { display: none; } /* MATCH 54 */ #button-stats54 h91 { display: none; } #button-stats54 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats54:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats54:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats54:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats54:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats54:hover h90 { color: rgb(211, 208, 208); } #stats-54th-match { display: none; } /* MATCH 55 */ #button-stats55 h91 { display: none; } #button-stats55 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats55:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats55:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats55:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats55:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats55:hover h90 { color: rgb(211, 208, 208); } #stats-55th-match { display: none; } /* MATCH 56 */ #button-stats56 h91 { display: none; } #button-stats56 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats56:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats56:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats56:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats56:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats56:hover h90 { color: rgb(211, 208, 208); } #stats-56th-match { display: none; } /* MATCH 57 */ #button-stats57 h91 { display: none; } #button-stats57 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats57:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats57:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats57:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats57:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats57:hover h90 { color: rgb(211, 208, 208); } #stats-57th-match { display: none; } /* MATCH 58 */ #button-stats58 h91 { display: none; } #button-stats58 { border: none; position: relative; margin-top: 2%; left: 30.2%; width: 35%; height: 2.2vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats58:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: -3%; } #button-stats58:hover:before { top: -20%; left: 0; transform: perspective(1000px) rotateX(80deg); } #button-stats58:after { content: ''; position: absolute; width: 100%; height: 100%; background: white; opacity: .9; z-index: -1; mix-blend-mode: multiply; transform-origin: bottom; transition: .2s; bottom: -10%; right: -1%; } #button-stats58:hover:after { bottom: -20%; right: 0; transform: perspective(1000px) rotateX(-80deg); } #button-stats58:hover h90 { color: rgb(211, 208, 208); } #stats-58th-match { display: none; } /* ⟰ BUTTON: SHOW MATCH STATS ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 【♦】 */ /* ⟱ BADGE-SPONSOR SPIN ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* BADGE-SPONSOR SPIN: HISTORICAL */ .home-1stkit-1-left { position: absolute; box-sizing: content-box; background: url(../core/2025-26-1kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -16.65%; left: 7%; } .spin-badges { overflow: hidden; } .spin-badges img { width: 100%; position: relative; display: block; animation: spin_words2 6s infinite; } @keyframes spin_words2 { 0% { transform: translateY(-200%); } 10% { transform: translateY(-200%); } 30% { transform: translateY(-102%); } 40% { transform: translateY(-102%); } 50% { transform: translateY(-102%); } 70% { transform: translateY(-102%); } 90% { transform: translateY(-0.5%); } 100% { transform: translateY(-0.5%); } } .home-1stkit-1-right { position: absolute; box-sizing: content-box; background: url(../core/2025-26-1kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -16.65%; left: 94.4%; } .away-2ndkit-1-left { position: absolute; box-sizing: content-box; background: url(../core/2024-25-2kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -16.65%; left: 7%; } .away-2ndkit-1-right { position: absolute; box-sizing: content-box; background: url(../core/2024-25-2kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -16.65%; left: 94.4%; } .away-3rdkit-1-left { position: absolute; box-sizing: content-box; background: url(../core/2024-25-3kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -16.65%; left: 7%; } .away-3rdkit-1-right { position: absolute; box-sizing: content-box; background: url(../core/2024-25-3kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -16.65%; left: 94.4%; } /* BADGE-SPONSOR SPIN: HISTORICAL */ /* BADGE-SPONSOR SPIN: STARTING XI */ .home-1stkit-2-left { position: absolute; box-sizing: content-box; background: url(../core/2025-26-1kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -44%; left: 7%; } .badges-and-sponsors { display: var(--spins-display, none); } .home-1stkit-2-right { position: absolute; box-sizing: content-box; background: url(../core/2025-26-1kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -44%; left: 94.4%; } .away-2ndkit-2-left { position: absolute; box-sizing: content-box; background: url(../core/2024-25-2kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -44%; left: 7%; } .away-2ndkit-2-right { position: absolute; box-sizing: content-box; background: url(../core/2024-25-2kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -44%; left: 94.4%; } .away-3rdkit-2-left { position: absolute; box-sizing: content-box; background: url(../core/2024-25-3kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -44%; left: 7%; } .away-3rdkit-2-right { position: absolute; box-sizing: content-box; background: url(../core/2024-25-3kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -44%; left: 94.4%; } /* BADGE-SPONSOR SPIN: STARTING XI */ /* BADGE-SPONSOR SPIN: SCREEN BOARDS NEXT TO LINKS */ .left1 { position: absolute; box-sizing: content-box; background: url(../core/2009-10-2kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -44.13%; left: 7%; } .left2 { position: absolute; box-sizing: content-box; background: url(../core/2012-13-1kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -36.9%; left: 7%; } .left3 { position: absolute; box-sizing: content-box; background: url(../core/1995-96-2kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -29.67%; left: 7%; } .left4 { position: absolute; box-sizing: content-box; background: url(../core/2005-06-2kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -22.44%; left: 7%; } .right1 { position: absolute; box-sizing: content-box; background: url(../core/2018-19-1kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -44.13%; left: 94.4%; } .right2 { position: absolute; box-sizing: content-box; background: url(../core/2022-23-3kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -36.9%; left: 94.4%; } .right3 { position: absolute; box-sizing: content-box; background: url(../core/1998-99-1kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -29.67%; left: 94.4%; } .right4 { position: absolute; box-sizing: content-box; background: url(../core/2010-11-2kit.png); background-size: 100% 100%; text-align: center; padding: 0% .5%; width: 3%; height: 6.15vw; display: flex; margin-top: -22.44%; left: 94.4%; } /* BADGE-SPONSOR SPIN: SCREEN BOARDS NEXT TO LINKS */ /* ⟰ BADGE-SPONSOR SPIN ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ BOTTOM & FOOTER ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .bottom-wrapper { position: absolute; z-index: 1; } .bottom { width: 94.65%; margin-left: 5.48%; margin-top: .1%; } .footer { left: 5.48%; background-image: url(../core/footer.png); background-repeat: no-repeat; background-size: 100.15% 117.7%; color: white; padding: 47.25%; text-decoration: none; display: flex; align-items: center; position: absolute; pointer-events: none; } .bottom-isometric { position: absolute; color: #b8b4b4; left: 42%; margin-top: 18.3%; font-family: Manchester\ United\ 23-24\ Tipogra; font-size: 4.5vw; transform: skewY(11deg) rotate3d(0, 1, 0, 60deg); z-index: -1; } .bottom-isometric::before { content: "2025/26"; position: absolute; text-shadow: -1px 0.5px 1px #555, -2px 0.5px 1px #555, -3px 0.5px 1px #555, -4px 0.5px 1px #555, -5px 0.5px 1px #555, -6px 0.5px 1px #555, -7px 0.5px 1px #555, -8px 0.5px 1px #555; z-index: -1; } .bottom-GGMU { position: absolute; margin-top: 30%; left: 60%; text-align: center; font-weight: 900; font-family: Agency FB; font-size: 5vw; mix-blend-mode: overlay; transform: skewY(-2deg); z-index: 1; } .OT-banners-bottom { position: absolute; margin-top: 64.05%; overflow: hidden; white-space: nowrap; z-index: 1; } .banners-slide > img { height: 100%; width: auto; } .banners-slide { height: 3.5vw; display: flex; justify-content: center; animation: slide2 210s linear infinite; } @keyframes slide2 { from { transform: translateX(0); } to { transform: translateX(-100%); } } /* ⟱ idierco@gmail.com CONTACT ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .email-cursor-text { position: absolute; font-family: Poppins Regular; font-size: 1vw; color: #a6a6a6; left: 16.5%; margin-top: 68.5%; padding: .3vw; cursor: text; } /* ⟱ DONATION LINKS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .buymeacoffee { position: absolute; margin-top: 68%; left: 85.6%; width: 11%; height: 2.6vw; } .patreon { position: absolute; margin-top: 70.4%; left: 88.4%; width: 8.2%; height: 2vw; } .paypal { position: absolute; margin-top: 72.4%; left: 90%; width: 6.5%; height: 2.1vw; } /* TABLET: LARGER SCREEN 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ */ @media only screen and (max-width: 1100px) { /* TABLET: LARGER SCREEN 🔳 */ html, body { position: relative; overflow-x: hidden; background-color: black; min-width: auto; z-index: -3; } ::-webkit-scrollbar { display: none; } ::-webkit-scrollbar-thumb { display: none; } /* ⟱ UNDERGROUND SUPPORT ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .underground-large { width: 147%; margin-left: -18.8%; } /* ⟱ SELECT SEASON ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .select-season { position: absolute; margin-top: -17%; margin-left: 10%; z-index: 8; width: 10.7vw; height: 6vw; } .select-season-title { width: 125%; position: absolute; text-align: center; transform: translate(-3%, -15%); pointer-events: none; line-height: 1.7vw; } .select-season-title span1 { font-family: QumpellkaNo12; font-size: 1.7vw; color: #b9c2d7; text-shadow: 0 0 10px #17347a, 0 0 10px #17347a, 0 0 10px #17347a, 0 0 20px #17347a, 0 0 20px #17347a, 0 0 40px #17347a, 0 0 40px #17347a, 0 0 80px #17347a, 0 0 80px #17347a, 0 0 80px #17347a, 0 0 120px #17347a, 0 0 120px #17347a, 0 0 120px #17347a, 0 0 160px #17347a, 0 0 160px #17347a; } .select-season-title span2 { font-size: 1.7vw; } .select-season-title span3 { font-family: Manchester\ United\ 23-24\ Tipogra; font-size: 1.7vw; color: #a8ddbe; text-shadow: 0 0 10px #13b48a, 0 0 10px #13b48a, 0 0 20px #13b48a, 0 0 40px #13b48a, 0 0 40px #13b48a, 0 0 80px #13b48a, 0 0 120px #13b48a, 0 0 120px #13b48a, 0 0 160px #13b48a; } .dropdown-sub-season { overflow: hidden; width: 320px; transform: translate(20px, -5px); } #button-with-titles { border: none; position: absolute; margin-top: 75%; left: 24.2%; width: 40%; height: 2.2vw; font-size: 1.4vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: gold; background: transparent; text-align: center; display: block; } #button-without-titles { display: none; border: none; position: absolute; margin-top: 75%; left: 24.2%; width: 40%; height: 2.2vw; font-size: 1.4vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: red; background: transparent; text-align: center; } .swiper { width: 100%; height: 234px; float: left; } .season-2025-26 img { position: absolute; opacity: 0; width: 117px; height: 115px; margin-top: 0.5px; margin-left: -161px; } .season-2024-25 img { position: absolute; opacity: 0; width: 121px; height: 121px; margin-top: 112px; margin-left: -165px; } .season-2023-24 img { position: absolute; opacity: 0; width: 120px; height: 119px; margin-top: 113px; margin-left: -280px; } .season-1956-57 img { position: absolute; opacity: 0; width: 120px; height: 120px; margin-top: 113px; margin-left: -280px; } /* ⟰ SELECT SEASON ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ SCOREBOARD CAROUSEL ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* PREMIER LEAGUE */ .scoreboard-PL { position: absolute; width: 26.4%; height: 2vw; margin-top: -17.7%; left: 36%; line-height: 1.4vw; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; text-align: center; } .scoreboard-PL .PL div { font-family: MarkPro; font-size: 1.4vw; color: #fff; text-shadow: 0 0 1px #fff; white-space: nowrap; display: flex; } .scoreboard-PL .PL div span1 { font-weight: 900; /* ▲ */ font-size: 1vw; margin-top: 1.2%; color: #028336; text-shadow: 0 0 2px #028336, 0 0 2px #028336; /* ▼ */ /* font-size: 1vw; margin-top: 1.2%; color: #da020e; text-shadow: 0 0 2px #da020e, 0 0 2px #da020e; */ } /* CHAMPIONS LEAGUE */ .scoreboard-UCL { position: absolute; width: 26.4%; height: 2vw; margin-top: -17.7%; left: 36%; line-height: 1.3vw; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; text-align: center; } .scoreboard-UCL .UCL div { font-family: Novarese-Book; font-size: 1.6vw; color: #fff; font-weight: bold; white-space: nowrap; display: flex; } .scoreboard-UCL .UCL div span1 { margin-top: .4%; font-size: 1.4vw; } .scoreboard-UCL .UCL div span3 { font-weight: 900; /* ▲ */ font-size: 1vw; margin-top: .5%; color: #028336; text-shadow: 0 0 2px #028336, 0 0 2px #028336; /* ▼ */ /* font-size: 1vw; margin-top: .5%; color: #da020e; text-shadow: 0 0 2px #da020e, 0 0 2px #da020e; */ } /* FA CUP */ .scoreboard-FA { position: absolute; width: 26.4%; height: 2vw; margin-top: -17.7%; left: 36%; line-height: 1.3vw; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; text-align: center; } .scoreboard-FA .FA div { font-family: Europa Nuova Bold; font-size: 1.4vw; color: #fff; text-shadow: 0 0 1px #fff; white-space: nowrap; display: flex; animation: none; text-align: center; } /* EFL CUP */ .scoreboard-EFL { position: absolute; width: 26.4%; height: 2vw; margin-top: -17.7%; left: 36%; line-height: 1.3vw; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; text-align: center; } .scoreboard-EFL .EFL div { font-family: Europa Nuova Bold; font-size: 1.3vw; white-space: nowrap; display: flex; animation: none; text-align: center; } /* EUROPA LEAGUE */ .scoreboard-UEL { position: absolute; width: 26.4%; height: 2vw; margin-top: -17.7%; left: 36%; line-height: 1.3vw; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; text-align: center; } .scoreboard-UEL .UEL div { font-family: Europa Nuova Bold; font-size: 1.22vw; color: #fff; font-weight: bold; white-space: nowrap; display: flex; } .scoreboard-UEL .UEL div span1 { font-weight: 900; /* ▲ */ margin-top: .1%; font-size: 1vw; color: #028336; text-shadow: 0 0 2px #028336, 0 0 2px #028336; /* • */ /* margin-top: .3%; font-size: 2.2vw; color: gray; text-shadow: 0 0 2px gray, 0 0 2px gray; */ /* ▼ */ /* font-size: 1vw; margin-top: .1%; color: #da020e; text-shadow: 0 0 2px #da020e, 0 0 2px #da020e; */ } /* PRE-SEASON */ .scoreboard-PRE { position: absolute; width: 26.4%; height: 2vw; margin-top: -17.7%; left: 36%; line-height: 1.3vw; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; text-align: center; } .scoreboard-PRE .pre-season div { font-family: Europa Nuova Bold; font-size: 1.22vw; color: black; font-weight: bold; white-space: nowrap; display: flex; } /* ⟱ SCOREBOARD (TEAMS) ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .scoreboard-teams { position: absolute; width: 26.4%; height: 3.4vw; margin-top: -16%; left: 36%; display: flex; overflow: hidden; white-space: nowrap; z-index: 7; cursor: pointer; font-family: myFont; font-size: 1.6vw; background: linear-gradient(rgba(27,27,27,0.9), rgba(27,27,27,0.9)), url(../parallax/led-black.jpg); background-size: 100% 120%; } /* ⟱ SCOREBOARD (RESULT) ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .scoreboard-result { color: white; position: absolute; width: 6.8%; height: 3.4vw; line-height: 1.8vw; margin-top: -16%; left: 55.6%; display: flex; overflow: hidden; white-space: nowrap; z-index: 8; cursor: pointer; font-family: myFont; font-size: 1.6vw; background: transparent; text-align: center; } .final-fair { background: linear-gradient(rgba(254,29,18,0.7), rgba(254,29,18,0.7)), url(../parallax/led-black.jpg); position: absolute; background-size: 60% 300%; right: 0; } .scoreboard-result2 { color: white; position: absolute; width: 6.8%; height: 3.4vw; line-height: 1.8vw; margin-top: -16%; left: 55.6%; display: flex; overflow: hidden; white-space: nowrap; z-index: 7; cursor: pointer; font-family: myFont; font-size: 1.6vw; background: transparent; background-size: 150% 150%; text-align: center; } .final-fair2 { color: #ffcf3e; background: linear-gradient(rgba(2,131,54,0.8), rgba(2,131,54,0.8)), url(../parallax/led-black.jpg); position: absolute; background-size: 60% 300%; right: 0; } /* ⟰ SCOREBOARD (RESULT) ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ OT BANNERS CAROUSEL ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .OT-banners { position: absolute; width: 25.7%; margin-top: -19.3%; left: 68.2%; display: flex; overflow: hidden; white-space: nowrap; z-index: 1; } .banners { height: 4.8vw; display: flex; justify-content: center; animation: slide1 200s linear infinite; } /* ⟰ OT BANNERS CAROUSEL ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ CLOCK ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .clock { position: absolute; height: 3.5vw; width: 25.7%; margin-top: -16%; left: 68.2%; display: flex; overflow: hidden; white-space: nowrap; z-index: 7; font-family: Lampen; font-size: 1.6vw; line-height: 5.5vw; background: linear-gradient(rgba(27,27,27,0.9), rgba(27,27,27,0.9)), url(../parallax/led-black.jpg); background-size: 80% 110%; text-align: center; align-items: center; } .clock-vertical-stripe1 { width: .4%; height: 3.5vw; margin-top: -16%; left: 68.2%; background: linear-gradient(rgba(197,46,44,0.6), rgba(197,46,44,0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } .clock-vertical-stripe2 { width: .4%; height: 3.5vw; margin-top: -16%; left: 68.5%; background: linear-gradient(rgba(252, 252, 252, 0.6), rgba(255, 255, 255, 0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } .clock-vertical-stripe3 { width: .4%; height: 3.5vw; margin-top: -16%; left: 75.2%; background: linear-gradient(rgba(252, 252, 252, 0.6), rgba(255, 255, 255, 0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } .clock-vertical-stripe4 { width: .4%; height: 3.5vw; margin-top: -16%; left: 75.5%; background: linear-gradient(rgba(197,46,44,0.6), rgba(197,46,44,0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } .republik-of-mancunia { display: initial; transform: translateX(62%); font-size: 1.6vw; letter-spacing: 2px; line-height: 1.3vw; } /* ⟱ IRONS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .irons { position: relative; object-fit: cover; width: 95%; left: 2.96%; z-index: -2; margin-top: -19%; } /* ⟱ BRICKS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .bricks { position: relative; margin-top: -50%; width: 200%; left: -44%; z-index: -3; } .brick-wall h1 { position: absolute; margin-top: -46%; left: 28%; background-size: cover; z-index: 7; font-family: TSPmu2025; font-size: 10vw; mix-blend-mode: overlay; } .brick-wall h1 span1 { font-family: Manchester\ United\ 23-24\ Tipogra; font-size: 11vw; } .trophies { left: -37.5%; width: 180%; transform: translate(-21%, -180%); } /* ⟱ CABLE BOXES ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ #cable-box { display: none; } /* ⟱ GALLERY PHOTO TEXT ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .brick-wall h2, h3, h4, h5, h6, h7 { position: absolute; display: inline-block; width: 13.15%; margin-top: -9%; font-family: raleway_f; font-size: 1vw; text-align: center; z-index: 2; } /* ⟱ GALLERY ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .blur-pc { display: none; } .blur-mobile { display: initial; position: absolute; width: 100%; margin-top: -29%; } /* ⟱ GRAY MATCH GRID SECTION ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .match-grid { position: absolute; display: initial; margin-top: 37%; left: -19%; width: 137%; } /* ⟱ GALLERY PHOTO: SHOW TEXT BUTTON ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ #button-gallery1 { border: none; position: absolute; margin-top: -41.7%; left: 3.7%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery2 { border: none; position: absolute; margin-top: -41.7%; left: 17.3%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery3 { border: none; position: absolute; margin-top: -41.7%; left: 30.9%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery4 { border: none; position: absolute; margin-top: -41.7%; left: 53.3%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery5 { border: none; position: absolute; margin-top: -41.7%; left: 53.3%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery6 { border: none; position: absolute; margin-top: -41.7%; left: 66.9%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery7 { border: none; position: absolute; margin-top: -41.7%; left: 80.4%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #show-gallery { display: none; margin-top: -20.59%; position: absolute; } /* ⟰ GALLERY PHOTO: SHOW TEXT BUTTON ⟰【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ GALLERY: SHOW TEXT BUTTON ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ #button-read-text { border: none; border-radius: 0 0 1.5vw 1.5vw; position: absolute; z-index: 2; margin-top: -30%; left: 42.8%; width: 15%; height: 3vw; font-size: 1.1vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: white; background: url(../core/button.png), #820202; background-size: 100% 100%; } #button-read-text span1 { display: none; } #button-read-text span2 { display: initial; } #show-expectations { display: none; margin-top: -6%; position: absolute; } /* ⟱ LEGEND TO THE MATCH RATINGS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .legend { position: relative; margin-top: 23%; z-index: 2; } .legend-1 { position: absolute; left: 20.3%; width: 2.5%; background: radial-gradient(#e61b22, #9d0e16); box-shadow: 0 0 5px #9d0e16, 0 0 5px #9d0e16, 0 0 15px #9d0e16, 0 0 5px #9d0e16, 0 0 25px #9d0e16, 0 0 25px #9d0e16, 0 0 25px #9d0e16, 0 0 5px #9d0e16, 0 0 50px #9d0e16; font-family: Century Gothic; font-size: 1.3vw; text-align: center; line-height: 2.2vw; text-shadow: 0 0 2px #fff, 0 0 2px #fff; } .legend-2 { position: absolute; left: 25.8%; width: 2.5%; background: radial-gradient(#eb6121, #9a360a); box-shadow: 0 0 5px #9a360a, 0 0 5px #9a360a, 0 0 15px #9a360a, 0 0 5px #9a360a, 0 0 25px #9a360a, 0 0 25px #9a360a, 0 0 25px #9a360a, 0 0 5px #9a360a, 0 0 50px #9a360a; font-family: Century Gothic; font-size: 1.3vw; text-align: center; line-height: 2.2vw; text-shadow: 0 0 2px #fff, 0 0 2px #fff; } .legend-3 { position: absolute; left: 31.3%; width: 2.5%; background: radial-gradient(#fcc00d, #997000); box-shadow: 0 0 5px #997000, 0 0 5px #997000, 0 0 15px #997000, 0 0 5px #997000, 0 0 25px #997000, 0 0 25px #997000, 0 0 25px #997000, 0 0 5px #997000, 0 0 50px #997000; font-family: Century Gothic; font-size: 1.3vw; text-align: center; line-height: 2.2vw; text-shadow: 0 0 2px #fff, 0 0 2px #fff; } .legend-4 { position: absolute; left: 36.8%; width: 2.5%; background: radial-gradient(#c5b700, #7f7501); box-shadow: 0 0 5px #7f7501, 0 0 5px #7f7501, 0 0 15px #7f7501, 0 0 5px #7f7501, 0 0 25px #7f7501, 0 0 25px #7f7501, 0 0 25px #7f7501, 0 0 5px #7f7501, 0 0 50px #7f7501; font-family: Century Gothic; font-size: 1.3vw; text-align: center; line-height: 2.2vw; text-shadow: 0 0 2px #fff, 0 0 2px #fff; } .legend-5 { position: absolute; left: 42.3%; width: 2.5%; background: radial-gradient(#88c03c, #4a681f); box-shadow: 0 0 5px #4a681f, 0 0 5px #4a681f, 0 0 15px #4a681f, 0 0 5px #4a681f, 0 0 25px #4a681f, 0 0 25px #4a681f, 0 0 25px #4a681f, 0 0 5px #4a681f, 0 0 50px #4a681f; font-family: Century Gothic; font-size: 1.3vw; text-align: center; line-height: 2.2vw; text-shadow: 0 0 2px #fff, 0 0 2px #fff; } .legend-6 { position: absolute; left: 47.8%; width: 2.5%; background: radial-gradient(#47813d, #2b4c24); box-shadow: 0 0 5px #2b4c24, 0 0 5px #2b4c24, 0 0 15px #2b4c24, 0 0 5px #2b4c24, 0 0 25px #2b4c24, 0 0 25px #2b4c24, 0 0 25px #2b4c24, 0 0 5px #2b4c24, 0 0 50px #2b4c24; font-family: Century Gothic; font-size: 1.3vw; text-align: center; line-height: 2.2vw; text-shadow: 0 0 2px #fff, 0 0 2px #fff; } .legend-7 { position: absolute; left: 53.3%; width: 2.5%; background: radial-gradient(#009f4d, #015326); box-shadow: 0 0 5px #015326, 0 0 5px #015326, 0 0 15px #015326, 0 0 5px #015326, 0 0 25px #015326, 0 0 25px #015326, 0 0 25px #015326, 0 0 5px #015326, 0 0 50px #015326; font-family: Century Gothic; font-size: 1.3vw; text-align: center; line-height: 2.2vw; text-shadow: 0 0 2px #fff, 0 0 2px #fff; } .legend-7 span { text-align: left; position: absolute; width: 700%; font-size: 1.3vw; transform: translateX(8%); } .legend-8 { position: absolute; left: 74.5%; width: 5.3%; font-family: Century Gothic; font-size: 1.3vw; color: white; line-height: 2.1vw; border: 1px solid #404040; background: linear-gradient(to bottom right, #262626 calc(50% - 3px), #404040 calc(50% - 1px), #262626 50%, #262626 50%); } #first-half { transform: translate(9%, 5%); } #second-half { transform: translate(48%, 0%); } /* ⟰ LEGEND TO THE MATCH RATINGS ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ SCORE & RATINGS: BUTTON ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ #button-ratings { border: none; border-radius: 1.5vw; position: absolute; z-index: 2; margin-top: 7.3%; left: 36.5%; width: 27%; height: 3vw; font-size: 1.3vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: white; background: url(../core/button.png), #820202; background-size: 100% 100%; } #button-ratings:hover { color: #f0f50c; background: url(../core/button.png), radial-gradient(#ef0017 -20%, #820202); background-size: 100% 100%; box-shadow: 0 0 5px #9d0e16, 0 0 5px #9d0e16, 0 0 15px #9d0e16, 0 0 5px #9d0e16; } #button-ratings span1 { display: none; } #button-ratings span2 { display: initial; } /* ⟱ DATE, FIXTURE AND RESULT ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .date-and-result h8, h9, h10, h11, h12, h13, h14, h15, h16, h17 { /* 1st row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 13.32%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2.7%; z-index: 4; } .date-and-result h18, h19, h20, h21, h22, h23, h24, h25, h26, h27 { /* 2nd row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 20.9%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2.7%; z-index: 4; } .date-and-result h43, h44, h45, h46, h47 { /* 4th row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 36.13%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2.7%; z-index: 4; } .date-and-result h48, h49, h50, h51, h52, h53, h54, h55, h56, h57 { /* 5th row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 43.71%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2.7%; z-index: 4; } .date-and-result h58, h59, h60, h61, h62, h63, h64, h65 { /* 6th row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 51.29%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2.7%; z-index: 4; } .date-and-result h8, h18, h48, h58 { left: 1.7%; } .date-and-result h9, h49, h59 { left: 11.35%; } .date-and-result h10, h50, h60 { left: 20.97%; } .date-and-result h11, h51, h61 { left: 30.59%; } .date-and-result h12, h52, h62 { left: 40.3%; } .date-and-result h13, h43, h53, h63 { left: 49.92%; } .date-and-result h14, h44, h54, h64 { left: 59.56%; } .date-and-result h15, h45, h55, h65 { left: 69.3%; } .date-and-result h16, h46, h56 { left: 79%; } .date-and-result h17, h47, h57 { left: 88.6%; } #date { font-size: 1.11vw; } /* ⟰ DATE, FIXTURE AND RESULT ⟰【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ MATCH RATINGS ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ #match-ratings { display: none; position: absolute; margin-top: .5%; left: -19%; width: 137%; } /* ⟱ CUBOID HOLDERS ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .cuboid-holder { display: none; } /* ⟱ ROTATING CUBOIDS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .cuboid1 { display: none; } .cuboid2 { display: none; } /* ⟱ VERTICAL SIGNS ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .vertical-neon-signs { display: none; } /* ⟱ DROPDOWNS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .dropdowns-section { position: relative; margin-top: 110%; margin-left: -29.5vw; height: 150vw; z-index: 2; } .dropdown_list:has( :checked ) { --rows: 1fr; --open-display: none; --close-display: inline-block; --links-display: flex; --spins-display: none !important; } .open { position: absolute; font-family: Trueno Round Italic; font-size: 1.8vw; letter-spacing: .05vw; margin-top: 8%; left: 49.5%; color: #a8ddbe; text-shadow: 0 0 10px #da020e, 0 0 10px #da020e, 0 0 20px #da020e, 0 0 40px #da020e, 0 0 80px #da020e, 0 0 120px #da020e; display: var(--open-display) !important; } .open2 { position: absolute; font-family: Trueno Round Italic; font-size: 1.8vw; letter-spacing: .05vw; margin-top: 8%; left: 47%; color: #f8cccf; text-shadow: 0 0 10px #028336, 0 0 10px #028336, 0 0 10px #028336, 0 0 20px #028336, 0 0 20px #028336, 0 0 40px #028336, 0 0 80px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336; display: var(--open-display) !important; } .close { position: absolute; font-family: Trueno Round Italic; font-size: 1.8vw; letter-spacing: .05vw; margin-top: 8%; left: 69%; color: #fff; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff, 0 0 80px #fff, 0 0 120px #fff, 0 0 160px #fff; display: var(--close-display, none) !important; } .close2 { position: absolute; font-family: Trueno Round Italic; font-size: 1.8vw; letter-spacing: .05vw; margin-top: 8%; left: 71.5%; color: white; text-shadow: 0 0 10px #ffcf3e, 0 0 20px #ffcf3e, 0 0 40px #ffcf3e, 0 0 80px #ffcf3e, 0 0 120px #ffcf3e, 0 0 160px #ffcf3e; display: var(--close-display, none) !important; } .hide-PL { position: absolute; background: url(../core/hide-PL.png); background-size: 100%; font-family: 'Courier New', Courier, monospace; font-size: 6.8vw; top: 29.7%; left: 57.34%; display: var(--close-display, none) !important; } .hide-UCL { position: absolute; background: url(../core/hide-UCL.png); background-size: 100%; font-family: 'Courier New', Courier, monospace; font-size: 6.8vw; top: 29.7%; left: 57.34%; display: var(--close-display, none) !important; } .hide-FA { position: absolute; background: url(../core/hide-FA.png); background-size: 100%; font-family: 'Courier New', Courier, monospace; font-size: 6.8vw; top: 29.7%; left: 57.34%; display: var(--close-display, none) !important; } .hide-EFL { position: absolute; background: url(../core/hide-EFL.png); background-size: 100%; font-family: 'Courier New', Courier, monospace; font-size: 6.8vw; top: 29.7%; left: 57.34%; display: var(--close-display, none) !important; } .hide-UEL { position: absolute; background: url(../core/hide-UEL.png); background-size: 100%; font-family: 'Courier New', Courier, monospace; font-size: 6.8vw; top: 29.7%; left: 57.34%; display: var(--close-display, none) !important; } .link1 { position: absolute; font-family: Agency FB; font-size: 2.1vw; margin-top: -45.8%; margin-left: 51.1%; text-wrap: nowrap; display: var(--links-display, none) !important; } .link2 { position: absolute; font-family: Agency FB; font-size: 2.1vw; margin-top: -44%; margin-left: 51.1%; text-wrap: nowrap; display: var(--links-display, none) !important; } .link3 { position: absolute; font-family: Agency FB; font-size: 2.1vw; margin-top: -40.42%; margin-left: 51.1%; text-wrap: nowrap; display: var(--links-display, none) !important; } .link4 { position: absolute; font-family: Agency FB; font-size: 2.1vw; margin-top: -38.6%; margin-left: 51.1%; text-wrap: nowrap; display: var(--links-display, none) !important; } .link5 { position: absolute; font-family: Agency FB; font-size: 2.1vw; margin-top: -35%; margin-left: 51.1%; text-wrap: nowrap; display: var(--links-display, none) !important; } .link6 { position: absolute; font-family: Agency FB; font-size: 2.1vw; margin-top: -33.2%; margin-left: 51.1%; text-wrap: nowrap; display: var(--links-display, none) !important; } .link7 { position: absolute; font-family: Agency FB; font-size: 2.1vw; margin-top: -29.8%; margin-left: 54.2%; text-wrap: nowrap; display: var(--links-display, none) !important; } .link8 { position: absolute; font-family: Agency FB; font-size: 2.1vw; margin-top: -28%; margin-left: 54.2%; text-wrap: nowrap; display: var(--links-display, none) !important; } .link9 { position: absolute; font-family: Agency FB; font-size: 2.1vw; margin-top: -26.1%; margin-left: 54.2%; text-wrap: nowrap; display: var(--links-display, none) !important; } .link10 { position: absolute; font-family: Agency FB; font-size: 2.1vw; margin-top: -22.5%; margin-left: 51.1%; text-wrap: nowrap; display: var(--links-display, none) !important; } .link11 { position: absolute; font-family: Agency FB; font-size: 2.1vw; margin-top: -20.6%; margin-left: 51.1%; text-wrap: nowrap; display: var(--links-display, none) !important; } .link12 { position: absolute; font-family: Agency FB; font-size: 2.1vw; margin-top: -18.8%; margin-left: 51.1%; text-wrap: nowrap; display: var(--links-display, none) !important; } .link13 { position: absolute; font-family: Agency FB; font-size: 2.1vw; margin-top: -15.3%; margin-left: 51.1%; text-wrap: nowrap; display: var(--links-display, none) !important; } .link14 { position: absolute; font-family: Agency FB; font-size: 2.1vw; margin-top: -13.5%; margin-left: 51.1%; text-wrap: nowrap; display: var(--links-display, none) !important; } .link15 { position: absolute; font-family: Agency FB; font-size: 2.1vw; margin-top: -11.7%; margin-left: 51.1%; text-wrap: nowrap; display: var(--links-display, none) !important; } .dropdown-content { width: 122%; height: 100%; } .content-match { width: 116.3%; height: 100%; } .content-match1 { margin-top: -.7%; width: 116.3%; height: 100%; } .content-match2 { margin-top: -.2%; width: 116.3%; height: 100%; } .content-match3 { margin-top: -1.8%; width: 116.3%; height: 100%; } /* ⟰ DROPDOWNS ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ TRANSFERS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .dropdown-transfers { background-image: url(../core/transfers.png); background-size: 122% 100%; color: white; padding: 7.2vw; text-decoration: none; display: flex; align-items: center; position: relative; } .transfers-title { position: absolute; font-family: Delight; font-size: 5vw; color: #a8ddbe; text-shadow: 0 0 10px #13b48a, 0 0 10px #13b48a, 0 0 20px #13b48a, 0 0 40px #13b48a, 0 0 40px #13b48a, 0 0 80px #13b48a, 0 0 120px #13b48a, 0 0 120px #13b48a, 0 0 160px #13b48a; transform: translate(248%, -10%); margin-right: 20%; pointer-events: none; } .transfers-title span1 { font-family: Ketosag Condensed; font-size: 5vw; } /* ⟱ STATS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .dropdown-stats { background-image: url(../core/stats.png); background-size: 122% 100%; color: white; padding: 7.2vw; text-decoration: none; display: flex; align-items: center; position: relative; } .stats-title { position: absolute; font-family: Better Grade; font-size: 9vw; color: #f8cccf; text-shadow: 0 0 10px #da020e, 0 0 10px #da020e, 0 0 10px #da020e, 0 0 10px #da020e, 0 0 10px #da020e, 0 0 20px #da020e, 0 0 40px #da020e, 0 0 80px #da020e, 0 0 120px #da020e; margin-top: 1%; left: 64%; pointer-events: none; } .stats-title span1 { position: absolute; font-family: myFont; font-size: 4vw; transform: translate(-100%, 90%); color: #ffdccc; text-shadow: 0 0 10px #ffb330, 0 0 10px #ffb330, 0 0 10px #ffb330, 0 0 10px #ffb330, 0 0 20px #fe5201, 0 0 20px #fe5201, 0 0 20px #fe5201, 0 0 40px #fe5201, 0 0 40px #fe5201, 0 0 80px #fe5201, 0 0 80px #fe5201, 0 0 120px #fe5201, 0 0 120px #fe5201; } /* ⟱ PLAYER PERFORMANCE ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .dropdown-player-performance { background-image: url(../core/player-perf.png); background-size: 122% 100%; color: white; padding: 7.2vw; text-decoration: none; display: flex; align-items: center; position: relative; } .player-performance-title { position: absolute; font-family: Majanan; font-size: 6vw; font-weight: 900; letter-spacing: 0.3vw; color: #fff; text-shadow: 0 0 10px #d821c3, 0 0 20px #d821c3, 0 0 40px #d821c3, 0 0 80px #d821c3, 0 0 120px #d821c3, 0 0 160px #d821c3; margin-top: 1%; left: 53%; pointer-events: none; } .player-performance-title span1 { font-size: 4vw; } /* ⟱ PLAYER STATS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .dropdown-player-stats { background-image: url(../core/player-stats.png); background-size: 122% 100%; color: white; padding: 7.2vw; text-decoration: none; display: flex; align-items: center; position: relative; } .player-stats-title { position: absolute; font-family: Uppen Arms NF; font-size: 3.5vw; color: #b9c2d7; text-shadow: 0 0 10px #17347a, 0 0 10px #17347a, 0 0 10px #17347a, 0 0 20px #17347a, 0 0 20px #17347a, 0 0 40px #17347a, 0 0 40px #17347a, 0 0 80px #17347a, 0 0 80px #17347a, 0 0 80px #17347a, 0 0 120px #17347a, 0 0 120px #17347a, 0 0 120px #17347a, 0 0 160px #17347a, 0 0 160px #17347a; margin-right: 20%; left: 52.5%; pointer-events: none; } /* ⟱ TRANSITION BUFFER ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .space-transition { background-image: url(../core/transition.png); background-size: 122% 100%; color: white; padding: 7.2vw; text-decoration: none; display: flex; align-items: center; position: relative; } /* ⟱ KITS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .kits { background-image: url(../2025-26/kits.png); background-size: 108% 100%; color: white; padding: 25vw; text-decoration: none; display: flex; align-items: center; position: relative; left: 7.75%; } .unitedkits-link { position: absolute; width: 45%; margin-top: -5.5%; margin-left: 39%; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-size: 2vw; font-weight: 900; text-align: center; } /* ⟱ PRESEASON, MATCHES, INTERNATIONAL BREAK ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ [itemid="dropdown-matches"] { margin-left: -5vw; } .dropdown-preseason { background-image: url(../2025-26/pre-season.png); background-size: 116.3% 100%; color: white; padding: 6.3vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-1st-match { background-image: url(../2025-26/1st-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-2nd-match { background-image: url(../2025-26/2nd-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-3rd-match { background-image: url(../2025-26/3rd-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-4th-match { background-image: url(../2025-26/4th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-5th-match { background-image: url(../2025-26/5th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-6th-match { background-image: url(../2025-26/6th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-7th-match { background-image: url(../2025-26/7th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-8th-match { background-image: url(../2025-26/8th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-9th-match { background-image: url(../2025-26/9th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-10th-match { background-image: url(../2025-26/10th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-11th-match { background-image: url(../2025-26/11th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-12th-match { background-image: url(../2025-26/12th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-13th-match { background-image: url(../2025-26/13th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-14th-match { background-image: url(../2025-26/14th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-15th-match { background-image: url(../2025-26/15th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-16th-match { background-image: url(../2025-26/16th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-17th-match { background-image: url(../2025-26/17th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-18th-match { background-image: url(../2025-26/18th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-19th-match { background-image: url(../2025-26/19th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-20th-match { background-image: url(../2025-26/20th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-21st-match { background-image: url(../2025-26/21st-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-22nd-match { background-image: url(../2025-26/22nd-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-23rd-match { background-image: url(../2025-26/23rd-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-24th-match { background-image: url(../2025-26/24th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-25th-match { background-image: url(../2025-26/25th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-26th-match { background-image: url(../2025-26/26th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-27th-match { background-image: url(../2025-26/27th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-28th-match { background-image: url(../2025-26/28th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-29th-match { background-image: url(../2025-26/294th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-30th-match { background-image: url(../2025-26/30th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-31st-match { background-image: url(../2025-26/31st-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-32nd-match { background-image: url(../2025-26/32nd-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-33rd-match { background-image: url(../2025-26/33rd-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-34th-match { background-image: url(../2025-26/34th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-35th-match { background-image: url(../2025-26/35th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-36th-match { background-image: url(../2025-26/36th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-37th-match { background-image: url(../2025-26/37th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-38th-match { background-image: url(../2025-26/38th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-39th-match { background-image: url(../2025-26/39th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-40th-match { background-image: url(../2025-26/40th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-41st-match { background-image: url(../2025-26/41st-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-42nd-match { background-image: url(../2025-26/42nd-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-43rd-match { background-image: url(../2025-26/43rd-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-44th-match { background-image: url(../2025-26/44th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-45th-match { background-image: url(../2025-26/45th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-46th-match { background-image: url(../2025-26/46th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-47th-match { background-image: url(../2025-26/47th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-48th-match { background-image: url(../2025-26/48th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-49th-match { background-image: url(../2025-26/49th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-50th-match { background-image: url(../2025-26/50th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-51st-match { background-image: url(../2025-26/51st-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-52nd-match { background-image: url(../2025-26/52nd-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-53rd-match { background-image: url(../2025-26/53rd-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-54th-match { background-image: url(../2025-26/54th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-55th-match { background-image: url(../2025-26/55th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-56th-match { background-image: url(../2025-26/56th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-57th-match { background-image: url(../2025-26/57th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-58th-match { background-image: url(../2025-26/58th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-59th-match { background-image: url(../2025-26/59th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-60th-match { background-image: url(../2025-26/60th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-61st-match { background-image: url(../2025-26/61st-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-62nd-match { background-image: url(../2025-26/62nd-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-63rd-match { background-image: url(../2025-26/63rd-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-64th-match { background-image: url(../2025-26/64th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-65th-match { background-image: url(../2025-26/65th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-66th-match { background-image: url(../2025-26/66th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-67th-match { background-image: url(../2025-26/67th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-68th-match { background-image: url(../2025-26/68th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-69th-match { background-image: url(../2025-26/69th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .dropdown-70th-match { background-image: url(../2025-26/70th-match.png); background-size: 116.3% 115%; color: white; padding: 6.5vw; text-decoration: none; display: flex; align-items: center; position: relative; } .space-international-break { background-image: url(../core/break.png); background-size: 120% 100%; color: white; padding: 1.137vw; text-decoration: none; display: flex; align-items: center; position: relative; } /* ⟱ POST-MATCH NEWS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 【♦】 */ .pre-match { position: absolute; width: 22.7%; height: 15%; left: 25.6%; top: 33%; background-size: cover; display: flex; overflow: hidden; white-space: nowrap; pointer-events: none; } .pre-match .news div { font-family: Trueno Round Italic; font-size: 1.7vw; white-space: nowrap; display: flex; animation: animate2 40s linear infinite; animation-delay: -20s; } .pre-match .news div span4 { font-size: 2.4vw; margin-top: -.2%; } .pre-match-skew { position: absolute; width: 8%; height: 15%; left: 45.6%; top: 30.5%; background-size: cover; display: flex; overflow: hidden; white-space: nowrap; pointer-events: none; z-index: -1; transform: skewY(-8.5deg) rotate3d(0, 1, 0, 70deg); } .pre-match-skew .news-skew { display: flex; margin-left: -280%; } .pre-match-skew .news-skew div { font-family: Trueno Round Italic; font-size: 1.7vw; white-space: nowrap; display: flex; animation: animate2 40s linear infinite; animation-delay: -20s; } .pre-match-skew .news-skew div span4 { font-size: 2.4vw; margin-top: -.2%; } /* ⟱ POST-MATCH NEWS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 【♦】 */ .post-match { position: absolute; width: 22.7%; height: 15%; left: 68.8%; top: 33%; background-size: cover; display: flex; overflow: hidden; white-space: nowrap; pointer-events: none; } .post-match .news div { font-family: Trueno Round Italic; font-size: 1.7vw; white-space: nowrap; display: flex; animation: animate2 40s linear infinite; animation-delay: -20s; } .post-match .news div span4 { font-size: 2.4vw; margin-top: -.2%; } .post-match-skew { position: absolute; width: 8%; height: 15%; left: 63.45%; top: 30.5%; background-size: cover; display: flex; overflow: hidden; white-space: nowrap; pointer-events: none; z-index: -1; transform: skewY(8.5deg) rotate3d(0, 1, 0, 70deg); } .post-match-skew .news-skew div { font-family: Trueno Round Italic; font-size: 1.7vw; white-space: nowrap; display: flex; animation: animate2 40s linear infinite; animation-delay: -20s; } .post-match-skew .news-skew div span4 { font-size: 2.4vw; margin-top: -.2%; } /* ⟱ BUTTON: SHOW SCORE AND NEWS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 【♦】 */ /* MATCH 1 */ #button-score-news1 h88 { display: none; } #button-score-news1 h89 { display: initial; } #cover1-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover1-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news1 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 2 */ #button-score-news2 h88 { display: none; } #button-score-news2 h89 { display: initial; } #cover2-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover2-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news2 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 3 */ #button-score-news3 h88 { display: none; } #button-score-news3 h89 { display: initial; } #cover3-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover3-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news3 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 4 */ #button-score-news4 h88 { display: none; } #button-score-news4 h89 { display: initial; } #cover4-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover4-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news4 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 35 */ #button-score-news35 h88 { display: none; } #button-score-news35 h89 { display: initial; } #cover35-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover35-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news35 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 36 */ #button-score-news36 h88 { display: none; } #button-score-news36 h89 { display: initial; } #cover36-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover36-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news36 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 37 */ #button-score-news37 h88 { display: none; } #button-score-news37 h89 { display: initial; } #cover37-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover37-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news37 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 38 */ #button-score-news38 h88 { display: none; } #button-score-news38 h89 { display: initial; } #cover38-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover38-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news38 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 39 */ #button-score-news39 h88 { display: none; } #button-score-news39 h89 { display: initial; } #cover39-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover39-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news39 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 40 */ #button-score-news40 h88 { display: none; } #button-score-news40 h89 { display: initial; } #cover40-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover40-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news40 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 41 */ #button-score-news41 h88 { display: none; } #button-score-news41 h89 { display: initial; } #cover41-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover41-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news41 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 42 */ #button-score-news42 h88 { display: none; } #button-score-news42 h89 { display: initial; } #cover42-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover42-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news42 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 43 */ #button-score-news43 h88 { display: none; } #button-score-news43 h89 { display: initial; } #cover43-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover43-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news43 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 44 */ #button-score-news44 h88 { display: none; } #button-score-news44 h89 { display: initial; } #cover44-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover44-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news44 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 45 */ #button-score-news45 h88 { display: none; } #button-score-news45 h89 { display: initial; } #cover45-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover45-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news45 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 46 */ #button-score-news46 h88 { display: none; } #button-score-news46 h89 { display: initial; } #cover46-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover46-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news46 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 47 */ #button-score-news47 h88 { display: none; } #button-score-news47 h89 { display: initial; } #cover47-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover47-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news47 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 48 */ #button-score-news48 h88 { display: none; } #button-score-news48 h89 { display: initial; } #cover48-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover48-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news48 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 49 */ #button-score-news49 h88 { display: none; } #button-score-news49 h89 { display: initial; } #cover49-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover49-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news49 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 50 */ #button-score-news50 h88 { display: none; } #button-score-news50 h89 { display: initial; } #cover50-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover50-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news50 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 51 */ #button-score-news51 h88 { display: none; } #button-score-news51 h89 { display: initial; } #cover51-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover51-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news51 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 52 */ #button-score-news52 h88 { display: none; } #button-score-news52 h89 { display: initial; } #cover52-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover52-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news52 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 53 */ #button-score-news53 h88 { display: none; } #button-score-news53 h89 { display: initial; } #cover53-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover53-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news53 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 54 */ #button-score-news54 h88 { display: none; } #button-score-news54 h89 { display: initial; } #cover54-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover54-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news54 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 55 */ #button-score-news55 h88 { display: none; } #button-score-news55 h89 { display: initial; } #cover55-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover55-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news55 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 56 */ #button-score-news56 h88 { display: none; } #button-score-news56 h89 { display: initial; } #cover56-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover56-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news56 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 57 */ #button-score-news57 h88 { display: none; } #button-score-news57 h89 { display: initial; } #cover57-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover57-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news57 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* MATCH 58 */ #button-score-news58 h88 { display: none; } #button-score-news58 h89 { display: initial; } #cover58-score { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #cover58-news { position: absolute; width: 116.3%; height: 100%; margin-left: -4.45%; margin-top: .08%; } #button-score-news58 { border: none; border-radius: .1vw; position: absolute; z-index: 2; margin-top: -7.4%; left: 49.9%; width: 17.3%; height: auto; line-height: 1.7vw; font-family: Lampen; font-size: 1.75vw; color: white; background: #262626; overflow: hidden; } /* ⟰ BUTTON: SHOW SCORE AND NEWS ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 【♦】 */ /* ⟱ DATE | TIME | COMPETITION STAGE ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 【♦】 */ .date-time { position: absolute; width: 18%; top: 86.6%; left: 49.55%; font-family: Agency FB; font-size: 1.53vw; color: #e0dcdc; text-align: center; } /* ⟱ BUTTON: SHOW MATCH STATS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 【♦】 */ /* MATCH 1 */ #button-stats1 h90 { display: none; } #button-stats1 h91 { display: initial; } #button-stats1 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats1:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats1:hover h91 { color: rgb(211, 208, 208); } /* MATCH 2 */ #button-stats2 h90 { display: none; } #button-stats2 h91 { display: initial; } #button-stats2 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats2:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats2:hover h91 { color: rgb(211, 208, 208); } /* MATCH 3 */ #button-stats3 h90 { display: none; } #button-stats3 h91 { display: initial; } #button-stats3 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats3:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats3:hover h91 { color: rgb(211, 208, 208); } /* MATCH 4 */ #button-stats4 h90 { display: none; } #button-stats4 h91 { display: initial; } #button-stats4 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats4:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats4:hover h91 { color: rgb(211, 208, 208); } /* MATCH 35 */ #button-stats35 h90 { display: none; } #button-stats35 h91 { display: initial; } #button-stats35 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats35:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats35:hover h91 { color: rgb(211, 208, 208); } /* MATCH 36 */ #button-stats36 h90 { display: none; } #button-stats36 h91 { display: initial; } #button-stats36 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats36:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats36:hover h91 { color: rgb(211, 208, 208); } /* MATCH 37 */ #button-stats37 h90 { display: none; } #button-stats37 h91 { display: initial; } #button-stats37 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats37:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats37:hover h91 { color: rgb(211, 208, 208); } /* MATCH 38 */ #button-stats38 h90 { display: none; } #button-stats38 h91 { display: initial; } #button-stats38 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats38:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats38:hover h91 { color: rgb(211, 208, 208); } /* MATCH 39 */ #button-stats39 h90 { display: none; } #button-stats39 h91 { display: initial; } #button-stats39 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats39:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats39:hover h91 { color: rgb(211, 208, 208); } /* MATCH 40 */ #button-stats40 h90 { display: none; } #button-stats40 h91 { display: initial; } #button-stats40 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats40:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats40:hover h91 { color: rgb(211, 208, 208); } /* MATCH 41 */ #button-stats41 h90 { display: none; } #button-stats41 h91 { display: initial; } #button-stats41 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats41:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats41:hover h91 { color: rgb(211, 208, 208); } /* MATCH 42 */ #button-stats42 h90 { display: none; } #button-stats42 h91 { display: initial; } #button-stats42 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats42:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats42:hover h91 { color: rgb(211, 208, 208); } /* MATCH 43 */ #button-stats43 h90 { display: none; } #button-stats43 h91 { display: initial; } #button-stats43 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats43:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats43:hover h91 { color: rgb(211, 208, 208); } /* MATCH 44 */ #button-stats44 h90 { display: none; } #button-stats44 h91 { display: initial; } #button-stats44 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats44:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats44:hover h91 { color: rgb(211, 208, 208); } /* MATCH 45 */ #button-stats45 h90 { display: none; } #button-stats45 h91 { display: initial; } #button-stats45 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats45:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats45:hover h91 { color: rgb(211, 208, 208); } /* MATCH 46 */ #button-stats46 h90 { display: none; } #button-stats46 h91 { display: initial; } #button-stats46 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats46:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats46:hover h91 { color: rgb(211, 208, 208); } /* MATCH 47 */ #button-stats47 h90 { display: none; } #button-stats47 h91 { display: initial; } #button-stats47 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats47:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats47:hover h91 { color: rgb(211, 208, 208); } /* MATCH 48 */ #button-stats48 h90 { display: none; } #button-stats48 h91 { display: initial; } #button-stats48 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats48:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats48:hover h91 { color: rgb(211, 208, 208); } /* MATCH 49 */ #button-stats49 h90 { display: none; } #button-stats49 h91 { display: initial; } #button-stats49 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats49:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats49:hover h91 { color: rgb(211, 208, 208); } /* MATCH 50 */ #button-stats50 h90 { display: none; } #button-stats50 h91 { display: initial; } #button-stats50 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats50:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats50:hover h91 { color: rgb(211, 208, 208); } /* MATCH 51 */ #button-stats51 h90 { display: none; } #button-stats51 h91 { display: initial; } #button-stats51 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats51:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats51:hover h91 { color: rgb(211, 208, 208); } /* MATCH 52 */ #button-stats52 h90 { display: none; } #button-stats52 h91 { display: initial; } #button-stats52 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats52:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats52:hover h91 { color: rgb(211, 208, 208); } /* MATCH 53 */ #button-stats53 h90 { display: none; } #button-stats53 h91 { display: initial; } #button-stats53 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats53:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats53:hover h91 { color: rgb(211, 208, 208); } /* MATCH 54 */ #button-stats54 h90 { display: none; } #button-stats54 h91 { display: initial; } #button-stats54 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats54:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats54:hover h91 { color: rgb(211, 208, 208); } /* MATCH 55 */ #button-stats55 h90 { display: none; } #button-stats55 h91 { display: initial; } #button-stats55 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats55:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats55:hover h91 { color: rgb(211, 208, 208); } /* MATCH 56 */ #button-stats56 h90 { display: none; } #button-stats56 h91 { display: initial; } #button-stats56 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats56:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats56:hover h91 { color: rgb(211, 208, 208); } /* MATCH 57 */ #button-stats57 h90 { display: none; } #button-stats57 h91 { display: initial; } #button-stats57 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats57:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats57:hover h91 { color: rgb(211, 208, 208); } /* MATCH 58 */ #button-stats58 h90 { display: none; } #button-stats58 h91 { display: initial; } #button-stats58 { border: none; position: relative; margin-top: 2%; left: 41.3%; width: 35%; height: 2.2vw; font-size: 1.8vw; font-family: Manchester\ United\ 23-24\ Tipogra; color: black; background: transparent; text-align: center; z-index: 1; } #button-stats58:before { content: ''; position: absolute; width: 100%; height: 100%; background: red; opacity: .7; z-index: -1; mix-blend-mode: multiply; transform-origin: top; transition: .2s; top: -10%; left: 0%; } #button-stats58:hover h91 { color: rgb(211, 208, 208); } /* ⟰ BUTTON: SHOW MATCH STATS ⟰【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 【♦】 */ /* ⟱ BADGE-SPONSOR SPIN ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .badges-and-sponsors { display: none !important; } /* ⟱ BOTTOM & FOOTER ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .bottom { width: 80.5%; margin-left: 21.9%; margin-top: .1%; } .footer { left: 22%; background-image: url(../core/footer.png); background-repeat: no-repeat; background-size: 100.15% 117.7%; color: white; padding: 40%; text-decoration: none; display: flex; align-items: center; position: absolute; pointer-events: none; } .bottom-isometric { position: absolute; color: #b8b4b4; left: 52%; margin-top: 14.7%; font-family: Manchester\ United\ 23-24\ Tipogra; font-size: 6vw; transform: skewY(11deg) rotate3d(0, 1, 0, 60deg); z-index: -1; } .bottom-GGMU { position: absolute; margin-top: 25%; left: 68.4%; text-align: center; font-weight: 900; font-family: Agency FB; font-size: 5vw; mix-blend-mode: overlay; transform: skewY(-2deg); } .OT-banners-bottom { position: absolute; margin-top: 54.5%; overflow: hidden; white-space: nowrap; z-index: 1; } /* ⟱ idierco@gmail.com CONTACT ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .email-cursor-text { position: absolute; font-family: Poppins Regular; font-size: 1.2vw; color: #a6a6a6; left: 31.3%; margin-top: 57.86%; padding: .3vw; cursor: text; } /* ⟱ DONATION LINKS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .buymeacoffee { position: absolute; margin-top: 57.5%; left: 89.8%; width: 9%; height: 2.9vw; } .patreon { position: absolute; margin-top: 59.7%; left: 92.5%; width: 6.3%; height: 2vw; } .paypal { position: absolute; margin-top: 61.3%; left: 93.3%; width: 5.5%; height: 2.1vw; } } /* TABLET: LARGER SCREEN 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ */ /* TABLET: SMALLER SCREEN 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ */ @media only screen and (max-width: 830px) { /* TABLET: SMALLER SCREEN ⬛ */ html, body { position: relative; overflow-x: hidden; background-color: dark; min-width: auto; z-index: -3; } /* ⟱ SKY, FLAG, TITLE ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .parallax-home { position: relative; display: table; text-align: center; } .parallax-home img { position: relative; width: 130%; left: -20%; } #flag-mobile { display: initial; position: absolute; margin-top: -43%; left: 7.5%; width: 80%; transform: rotate(-15deg); z-index: 1; } #flag-pc { display: none; } .title { position: absolute; margin-top: -18.5%; width: 100%; } .title h1 { color: transparent; font-size: 4vw; font-family: raleway_f; letter-spacing: 1vw; text-shadow: 0 0 5px #ff0434, 0 0 5px yellow, 0 0 20px #cd000d, 0 0 40px #cd000d, 0 0 80px #cd000d, 0 0 120px #cd000d, 0 0 160px #cd000d; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-stroke: 1px #ffab447c; } .title h2 { transform: translateY(-10%); color: transparent; font-size: 3vw; font-family: raleway_f; -webkit-text-stroke: 1px #fe7d8648; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; } /* ⟰ SKY, FLAG, TITLE ⟰【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ LED SIGN ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ #led-cover { position: absolute; top: 0; left: -20%; display: flex; z-index: 1; opacity: .7; } .zeppelin-led { position: absolute; box-sizing: content-box; background-color: transparent; text-align: center; padding: 0% .2%; top: 0; left: 0; height: 5.2%; display: flex; margin-top: 2.1%; left: 38.9%; } .led-words { overflow: hidden; } .led-words span { font-family: myFont; font-size: 3.2vw; color: yellow; display: block; height: 100%; animation: spin-words 6s infinite; } /* ⟰ LED SIGN ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ UNDERGROUND SUPPORT ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .underground-large { display: none; } .underground-small { display: initial; width: 250%; } /* ⟱ SELECT SEASON ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .select-season { position: absolute; margin-top: -29%; margin-left: 2vw; z-index: 8; width: 20vw; height: 8vw; } .dropdown-season { width: 85%; position: absolute; } .checkbox-size { color: white; padding: 3vw; text-decoration: none; display: flex; align-items: center; position: relative; } .select-season-title { width: 95%; position: absolute; text-align: center; transform: translate(-3%, -15%); pointer-events: none; line-height: 3.4vw; } .select-season-title span1 { font-family: QumpellkaNo12; font-size: 2.5vw; color: #b9c2d7; text-shadow: 0 0 10px #17347a, 0 0 10px #17347a, 0 0 10px #17347a, 0 0 20px #17347a, 0 0 20px #17347a, 0 0 40px #17347a, 0 0 40px #17347a, 0 0 80px #17347a, 0 0 80px #17347a, 0 0 80px #17347a, 0 0 120px #17347a, 0 0 120px #17347a, 0 0 120px #17347a, 0 0 160px #17347a, 0 0 160px #17347a; } .select-season-title span2 { font-size: 2.3vw; } .select-season-title span3 { font-family: Manchester\ United\ 23-24\ Tipogra; font-size: 2.3vw; color: #a8ddbe; text-shadow: 0 0 10px #13b48a, 0 0 10px #13b48a, 0 0 20px #13b48a, 0 0 40px #13b48a, 0 0 40px #13b48a, 0 0 80px #13b48a, 0 0 120px #13b48a, 0 0 120px #13b48a, 0 0 160px #13b48a; } .dropdown-sub-season { overflow: hidden; width: 320%; transform: initial; } .season-header-pc { display: none; } .season-header-mobile { display: initial; width: 304px; } .season-content { width: 304px; } #button-with-titles { border: none; position: absolute; margin-top: 230px; left: 87px; width: 100px; height: 2.2vw; font-size: 14px; font-family: Manchester\ United\ 23-24\ Tipogra; color: gold; background: transparent; text-align: center; display: block; } #button-without-titles { display: none; border: none; position: absolute; margin-top: 230px; left: 87px; width: 100px; height: 2.2vw; font-size: 14px; font-family: Manchester\ United\ 23-24\ Tipogra; color: red; background: transparent; text-align: center; } .swiper { width: 304px; height: 223px; float: left; } .season-2025-26 img { position: absolute; opacity: 0; width: 112px; height: 110px; margin-top: 0.5px; margin-left: -153px; } .season-2024-25 img { position: absolute; opacity: 0; width: 116px; height: 115px; margin-top: 107px; margin-left: -157px; } .season-2023-24 img { position: absolute; opacity: 0; width: 114px; height: 115px; margin-top: 107px; margin-left: -266px; } .season-20-21 img { position: absolute; opacity: 0; width: 107.9px; height: 108.5px; margin-top: 2px; margin-left: -151px; } .season-1956-57 img { position: absolute; opacity: 0; width: 114px; height: 115px; margin-top: 107px; margin-left: -266px; } /* ⟰ SELECT SEASON ⟰【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ SCOREBOARD CAROUSEL ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* PREMIER LEAGUE */ .scoreboard-PL { position: absolute; width: 33.2%; height: 4.2vw; margin-top: -30%; left: 30.8%; line-height: 3.3vw; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; text-align: center; } .scoreboard-PL .PL div { font-family: MarkPro; font-size: 2.4vw; color: #fff; text-shadow: 0 0 1px #fff; white-space: nowrap; display: flex; } .scoreboard-PL .PL div span1 { font-weight: 900; /* ▲ */ font-size: 1.8vw; margin-top: 1.2%; color: #028336; text-shadow: 0 0 2px #028336, 0 0 2px #028336; /* • */ /* margin-top: -1.3%; font-size: 3vw; color: gray; text-shadow: 0 0 2px gray, 0 0 2px gray; */ /* ▼ */ /* font-size: 1.8vw; margin-top: 1.2%; color: #da020e; text-shadow: 0 0 2px #da020e, 0 0 2px #da020e; */ } .scoreboard-PL .PL div span2 { display: none; } /* CHAMPIONS LEAGUE */ .scoreboard-UCL { position: absolute; width: 33.2%; height: 4.2vw; margin-top: -30%; left: 30.8%; line-height: 3vw; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; text-align: center; } .scoreboard-UCL .UCL div { font-family: Novarese-Book; font-size: 2.7vw; color: #fff; font-weight: bold; white-space: nowrap; display: flex; } .scoreboard-UCL .UCL div span1 { margin-top: .2%; font-size: 2.4vw; } .scoreboard-UCL .UCL div span3 { font-weight: 900; /* ▲ */ margin-top: .2%; font-size: 1.8vw; color: #028336; text-shadow: 0 0 2px #028336, 0 0 2px #028336; /* • */ /* margin-top: -.4%; font-size: 3vw; color: gray; text-shadow: 0 0 2px gray, 0 0 2px gray; */ /* ▼ */ /* font-size: 1.8vw; margin-top: 1.2%; color: #da020e; text-shadow: 0 0 2px #da020e, 0 0 2px #da020e; */ } .scoreboard-UCL .UCL div span4 { display: none; } /* FA CUP */ .scoreboard-FA { position: absolute; width: 33.2%; height: 4.2vw; margin-top: -30%; left: 30.8%; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; text-align: center; } .scoreboard-FA .FA div { font-family: Europa Nuova Bold; font-size: 2vw; color: #fff; text-shadow: 0 0 1px #fff; line-height: 3.5vw; white-space: nowrap; display: flex; animation: none; text-align: center; } /* EFL CUP */ .scoreboard-EFL { position: absolute; width: 33.2%; height: 4.2vw; margin-top: -30%; left: 30.8%; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; text-align: center; } .scoreboard-EFL .EFL div { font-family: Europa Nuova Bold; font-size: 1.9vw; line-height: 3.7vw; white-space: nowrap; display: flex; animation: none; text-align: center; } /* EUROPA LEAGUE */ .scoreboard-UEL { position: absolute; width: 33.2%; height: 4.2vw; margin-top: -30%; left: 30.8%; line-height: 3vw; background-size: cover; display: flex; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; } .scoreboard-UEL .UEL div { margin-top: 1.2%; margin-left: 20%; font-family: Europa Nuova Bold; font-size: 2vw; color: #fff; font-weight: bold; white-space: nowrap; display: flex; } .scoreboard-UEL .UEL div span1 { font-weight: 900; /* ▲ */ margin-top: .1%; font-size: 1.8vw; color: #028336; text-shadow: 0 0 2px #028336, 0 0 2px #028336; /* • */ /* margin-top: .1%; font-size: 3.5vw; color: gray; text-shadow: 0 0 2px gray, 0 0 2px gray; */ /* ▼ */ /* font-size: 1.8vw; margin-top: .1%; color: #da020e; text-shadow: 0 0 2px #da020e, 0 0 2px #da020e; */ } .scoreboard-UEL .UEL div span2 { display: none; } /* PRE-SEASON */ .scoreboard-PRE { position: absolute; width: 33.2%; height: 4.2vw; margin-top: -30%; left: 30.8%; line-height: 3vw; background-size: cover; display: flex; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; } .scoreboard-PRE .pre-season div { margin-top: 1.2%; margin-left: 20%; font-family: Europa Nuova Bold; font-size: 2vw; color: black; font-weight: bold; white-space: nowrap; display: flex; } .scoreboard-PRE .pre-season div span2 { display: none; } /* ⟰ SCOREBOARD CAROUSEL ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ SCOREBOARD (TEAMS) ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .scoreboard-teams { display: none; } .scoreboard-teams-mobile { position: absolute; width: 33.2%; margin-top: -26.7%; left: 30.8%; display: flex; overflow: hidden; white-space: nowrap; z-index: 7; cursor: pointer; font-family: myFont; font-size: 2.5vw; background: linear-gradient(rgba(27,27,27,0.9), rgba(27,27,27,0.9)), url(../parallax/led-black.jpg); background-size: 150% 150%; } /* ⟱ SCOREBOARD (RESULT) ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .scoreboard-result { color: white; position: absolute; width: 11.6%; height: 5.2vw; line-height: 2.7vw; margin-top: -26.7%; left: 52.4%; display: flex; overflow: hidden; white-space: nowrap; z-index: 8; cursor: pointer; font-family: myFont; font-size: 2.5vw; background: transparent; text-align: center; } .final-fair { background: linear-gradient(rgba(254,29,18,0.6), rgba(254,29,18,0.6)), url(../parallax/led-black.jpg); position: absolute; background-size: 150% 150%; right: 0; } .scoreboard-result2 { color: white; position: absolute; width: 11.6%; height: 5.2vw; line-height: 2.7vw; margin-top: -26.7%; left: 52.4%; display: flex; overflow: hidden; white-space: nowrap; z-index: 7; cursor: pointer; font-family: myFont; font-size: 2.5vw; background: transparent; background-size: 150% 150%; text-align: center; } .final-fair2 { color: #ffcf3e; background: linear-gradient(rgba(2,131,54,0.6), rgba(2,131,54,0.6)), url(../parallax/led-black.jpg); position: absolute; background-size: 150% 150%; right: 0; } .OT-banners { display: none; } /* ⟰ SCOREBOARD (RESULT) ⟰【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ CLOCK ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .clock { position: absolute; height: 5.5vw; width: 32%; margin-top: -28.4%; left: 68.7%; display: flex; overflow: hidden; white-space: nowrap; z-index: 7; font-family: Lampen; font-size: 2.5vw; line-height: 5.5vw; background: linear-gradient(rgba(27,27,27,0.9), rgba(27,27,27,0.9)), url(../parallax/led-black.jpg); background-size: 180% 180%; text-align: center; align-items: center; } .republik-of-mancunia { display: initial; transform: translateX(35%); font-size: 2.5vw; letter-spacing: 2px; line-height: 2.5vw; } .clock-vertical-stripe1 { width: .8%; height: 5.5vw; margin-top: -28.4%; left: 68.7%; background: linear-gradient(rgba(197,46,44,0.6), rgba(197,46,44,0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } .clock-vertical-stripe2 { width: .8%; height: 5.5vw; margin-top: -28.4%; left: 69.5%; background: linear-gradient(rgba(252, 252, 252, 0.6), rgba(255, 255, 255, 0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } .clock-vertical-stripe3 { width: .8%; height: 5.5vw; margin-top: -28.4%; left: 79%; background: linear-gradient(rgba(252, 252, 252, 0.6), rgba(255, 255, 255, 0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } .clock-vertical-stripe4 { width: .8%; height: 5.5vw; margin-top: -28.4%; left: 79.8%; background: linear-gradient(rgba(197,46,44,0.6), rgba(197,46,44,0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } /* ⟱ MENU ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ header { margin-top: -19%; justify-content: space-between; align-items: center; margin-left: 2%; width: 100%; height: 23vw; } .navlist li { text-align: center; padding: 0 2vw; } /* ⟱ CONTACT ME ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .contact-me { display: inline-block; transform: translateY(25%); text-decoration: none; align-content: center; text-align: center; } .line1 { font-family: BeonMedium; text-decoration: none; font-size: 3vw; vertical-align: middle; letter-spacing: 1px; cursor: pointer; color: #fff; text-shadow: 0 0 10px #da020e, 0 0 20px #da020e, 0 0 40px #da020e, 0 0 80px #da020e, 0 0 120px #da020e, 0 0 160px #da020e; } .line2 { font-family: BeonMedium; text-decoration: none; font-size: 3vw; vertical-align: middle; z-index: 1; color: #fff; text-shadow: 0 0 10px #da020e, 0 0 20px #da020e, 0 0 40px #da020e, 0 0 80px #da020e, 0 0 120px #da020e, 0 0 160px #da020e; } .line3 { font-family: Uppen Arms NF; text-decoration: none; font-size: 3vw; vertical-align: middle; color: #fff; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff, 0 0 80px #fff, 0 0 120px #fff, 0 0 160px #fff; } /* ⟱ MEET THE CREATOR ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .know-me { text-decoration: none; align-content: center; text-align: center; font-family: Celinea; font-size: 10vw; font-weight: lighter; vertical-align: middle; line-height: 7vw; transform: skewY(-15deg); display: inline-block; } /* ⟱ SUPPORT & DONATE ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .support { display: inline-block; transform: translateY(10%); text-decoration: none; align-content: center; text-align: center; cursor: pointer; vertical-align: middle; } .line6 { font-family: LIBRARY3AMsoft; font-size: 3.3vw; letter-spacing: 1px; color: #fff; text-shadow: 0 0 10px #ffcf3e, 0 0 20px #ffcf3e, 0 0 40px #ffcf3e, 0 0 80px #ffcf3e, 0 0 120px #ffcf3e, 0 0 160px #ffcf3e; } .line7 span { font-family: LIBRARY3AMsoft; font-size: 3.3vw; color: #a8ddbe; text-shadow: 0 0 10px #028336, 0 0 20px #028336, 0 0 40px #028336, 0 0 80px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336; } .line7 { font-family: Neoneon; font-size: 3.3vw; color: #a8ddbe; text-shadow: 0 0 10px #028336, 0 0 20px #028336, 0 0 40px #028336, 0 0 80px #028336, 0 0 120px #028336, 0 0 160px #028336; } /* ⟱ WANNA LEARN A LANGUAGE? ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .learn-language { text-decoration: none; align-content: center; text-align: center; cursor: pointer; vertical-align: middle; line-height: 5vw; display: inline-block; transform: translateY(-7%) } .line8 { font-family: Rookworst; font-size: 6vw; color: yellow; -webkit-text-stroke: .1vw red; text-shadow: 0 0 10px #da020e, 0 0 20px #da020e, 0 0 40px #da020e; } .line10 { font-family: Salonica; font-size: 10vw; transform: translateX(5%); color: white; text-shadow: 0 0 10px #da020e, 0 0 10px #da020e, 0 0 10px #da020e, 0 0 10px #da020e, 0 0 10px #da020e, 0 0 20px #da020e, 0 0 40px #da020e, 0 0 80px #da020e, 0 0 120px #da020e; } .line12 span { font-family: Zekton; font-size: 3vw; position: absolute; transform: translate(-390%, 30%); color: #fff; text-shadow: 0 0 10px #ffcf3e, 0 0 20px #ffcf3e, 0 0 40px #ffcf3e, 0 0 80px #ffcf3e, 0 0 120px #ffcf3e, 0 0 160px #ffcf3e; } .line12 span2 { font-family: Lateef; font-size: 6vw; position: absolute; transform: translate(-70%, 0%); color: #a8ddbe; text-shadow: 0 0 10px #028336, 0 0 20px #028336, 0 0 40px #028336, 0 0 80px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336; } .line12 span3 { font-family: Josefin Sans, Consolas, 'Courier New', monospace; font-size: 3.5vw; position: absolute; transform: translate(100%, 50%); color: #fff; text-shadow: 0 0 10px #ffcf3e, 0 0 20px #ffcf3e, 0 0 40px #ffcf3e, 0 0 80px #ffcf3e, 0 0 120px #ffcf3e, 0 0 160px #ffcf3e; } .line12 span4 { font-family: Josefin Sans, Consolas, 'Courier New', monospace; font-size: 3vw; position: absolute; transform: translate(300%, 10%); color: #a8ddbe; text-shadow: 0 0 10px #028336, 0 0 20px #028336, 0 0 40px #028336, 0 0 80px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 120px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336, 0 0 160px #028336; } .underground-irons { display: none; } /* ⟰ WANNA LEARN A LANGUAGE? ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ LEGEND TO THE MATCH RATINGS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ #first-half { transform: translate(2%, 5%); } #second-half { transform: translate(40%, 0%); } /* ⟱ DATE, FIXTURE AND RESULT ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .date-and-result h8, h9, h10, h11, h12, h13, h14, h15, h16, h17 { /* 1st row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 13.92%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2%; z-index: 4; } .date-and-result h18, h19, h20, h21, h22, h23, h24, h25, h26, h27 { /* 2nd row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 21.5%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2%; z-index: 4; } .date-and-result h28, h29, h30, h31, h32, h33, h34, h35, h36, h37 { /* 3rd row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 28.9%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2%; z-index: 4; } .date-and-result h38, h39, h40, h41, h42, h43, h44, h45, h46, h47 { /* 4th row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 36.78%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2%; z-index: 4; } .date-and-result h48, h49, h50, h51, h52, h53, h54, h55, h56, h57 { /* 5th row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 44.31%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2%; z-index: 4; } .date-and-result h58, h59, h60, h61, h62, h63, h64, h65, h66, h67 { /* 6th row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 51.89%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2%; z-index: 4; } .date-and-result h68, h69, h70, h71, h72, h73, h74, h75, h76, h77 { /* 7th row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 59.47%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2%; z-index: 4; } /* ⟱ MATCH RATINGS ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ #match-ratings { display: none; position: absolute; margin-top: -.15%; left: -19%; width: 137%; } } /* TABLET: SMALLER SCREEN 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ 🔳 ⬛ */ /* MOBILE 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 */ @media only screen and (max-width: 570px) { /* MOBILE 📱 */ html, body { position: relative; overflow-x: hidden; background-color: dark; min-width: auto;} /* ⟱ SKY, FLAG, TITLE ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .parallax-home img { position: relative; width: 150%; left: -28%; } #flag-mobile { display: initial; position: absolute; margin-top: -53%; left: 7%; width: 100%; transform: rotate(-15deg); z-index: 1; } .title { position: absolute; margin-top: -21%; width: 100%; } /* ⟱ LED SIGN ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ #led-cover { position: absolute; top: 0; left: -28%; display: flex; z-index: 1; opacity: .7; } .zeppelin-led { position: absolute; box-sizing: content-box; background-color: transparent; text-align: center; padding: 0% .2%; top: 0; left: 0; height: 5.2%; display: flex; margin-top: 2.35%; left: 39.9%; } .led-words span { font-family: myFont; font-size: 3.7vw; color: yellow; display: block; height: 100%; animation: spin-words 6s infinite; } /* ⟰ LED SIGN ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ UNDERGROUND SUPPORT ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .underground { position: relative; z-index: 0; } .underground-small { width: 305%; } /* ⟱ SELECT SEASON ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .select-season { position: absolute; margin-top: -34.5%; margin-left: .5vw; z-index: 8; width: 27vw; height: 8vw; } .select-season-title { width: 95%; position: absolute; text-align: center; transform: translate(-3%, -15%); pointer-events: none; line-height: 4vw; } .select-season-title span1 { font-family: QumpellkaNo12; font-size: 3.5vw; color: #b9c2d7; text-shadow: 0 0 10px #17347a, 0 0 10px #17347a, 0 0 10px #17347a, 0 0 20px #17347a, 0 0 20px #17347a, 0 0 40px #17347a, 0 0 40px #17347a, 0 0 80px #17347a, 0 0 80px #17347a, 0 0 80px #17347a, 0 0 120px #17347a, 0 0 120px #17347a, 0 0 120px #17347a, 0 0 160px #17347a, 0 0 160px #17347a; } .select-season-title span2 { font-size: 3vw; } .select-season-title span3 { font-family: Manchester\ United\ 23-24\ Tipogra; font-size: 3vw; color: #a8ddbe; text-shadow: 0 0 10px #13b48a, 0 0 10px #13b48a, 0 0 20px #13b48a, 0 0 40px #13b48a, 0 0 40px #13b48a, 0 0 80px #13b48a, 0 0 120px #13b48a, 0 0 120px #13b48a, 0 0 160px #13b48a; } .dropdown-sub-season { overflow: hidden; width: 370%; transform: initial; } .season-header-mobile { display: initial; width: 280px; } .season-content { width: 280px; } #button-with-titles { border: none; position: absolute; margin-top: 213px; left: 75px; width: 100px; height: 2.2vw; font-size: 13px; font-family: Manchester\ United\ 23-24\ Tipogra; color: gold; background: transparent; text-align: center; display: block; } #button-without-titles { display: none; border: none; position: absolute; margin-top: 213px; left: 75px; width: 100px; height: 2.2vw; font-size: 13px; font-family: Manchester\ United\ 23-24\ Tipogra; color: red; background: transparent; text-align: center; } .swiper { width: 280px; height: 206px; float: left; } .season-2025-26 img { position: absolute; opacity: 0; width: 103px; height: 102px; margin-top: -0.1px; margin-left: -141px; } .season-2024-25 img { position: absolute; opacity: 0; width: 106px; height: 106px; margin-top: 99px; margin-left: -144px; } .season-2023-24 img { position: absolute; opacity: 0; width: 106px; height: 104px; margin-top: 100px; margin-left: -246px; } .season-1956-57 img { position: absolute; opacity: 0; width: 106px; height: 104px; margin-top: 100px; margin-left: -246px; } /* ⟰ SELECT SEASON ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ SCOREBOARD CAROUSEL ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* PREMIER LEAGUE */ .scoreboard-PL { position: absolute; width: 40%; height: 4.2vw; margin-top: -37.3%; left: 37.635%; line-height: 3vw; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; text-align: center; } .scoreboard-PL .PL div { font-family: MarkPro; font-size: 3vw; color: #fff; text-shadow: 0 0 1px #fff; white-space: nowrap; display: flex; } .scoreboard-PL .PL div span1 { font-weight: 900; /* ▲ */ font-size: 2.5vw; margin-top: 1.2%; color: #028336; text-shadow: 0 0 2px #028336, 0 0 2px #028336; /* • */ /* margin-top: -2%; font-size: 4.4vw; color: gray; text-shadow: 0 0 2px gray, 0 0 2px gray; */ /* ▼ */ /* font-size: 2.5vw; margin-top: 1.2%; color: #da020e; text-shadow: 0 0 2px #da020e, 0 0 2px #da020e; */ } /* CHAMPIONS LEAGUE */ .scoreboard-UCL { position: absolute; width: 40%; height: 4.2vw; margin-top: -37.3%; left: 37.635%; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; text-align: center; } .scoreboard-UCL .UCL div { margin-top: .7%; font-family: Novarese-Book; font-size: 3.3vw; color: #fff; font-weight: bold; white-space: nowrap; display: flex; } .scoreboard-UCL .UCL div span1 { margin-top: .6%; font-size: 2.9vw; } .scoreboard-UCL .UCL div span3 { font-weight: 900; /* ▲ */ font-size: 2.5vw; margin-top: .2%; color: #028336; text-shadow: 0 0 2px #028336, 0 0 2px #028336; /* • */ /* margin-top: -2%; font-size: 4.4vw; color: gray; text-shadow: 0 0 2px gray, 0 0 2px gray; */ /* ▼ */ /* font-size: 2.5vw; margin-top: 1.2%; color: #da020e; text-shadow: 0 0 2px #da020e, 0 0 2px #da020e; */ } /* FA CUP */ .scoreboard-FA { position: absolute; width: 40%; height: 4.2vw; margin-top: -37.3%; left: 37.635%; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; text-align: center; } .scoreboard-FA .FA div { font-family: Europa Nuova Bold; font-size: 2.4vw; color: #fff; text-shadow: 0 0 1px #fff; line-height: 4vw; white-space: nowrap; display: flex; animation: none; text-align: center; } /* EFL CUP */ .scoreboard-EFL { position: absolute; width: 40%; height: 4.2vw; margin-top: -37.3%; left: 37.635%; background-size: cover; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; text-align: center; } .scoreboard-EFL .EFL div { font-family: Europa Nuova Bold; font-size: 2.3vw; line-height: 4.5vw; white-space: nowrap; display: flex; animation: none; text-align: center; } /* EUROPA LEAGUE */ .scoreboard-UEL { position: absolute; width: 40%; height: 4.2vw; margin-top: -37.3%; left: 37.635%; background-size: cover; display: flex; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; } .scoreboard-UEL .UEL div { margin-left: 11%; font-family: Europa Nuova Bold; font-size: 2.6vw; color: #fff; font-weight: bold; white-space: nowrap; display: flex; } .scoreboard-UEL .UEL div span1 { font-weight: 900; /* ▲ */ margin-top: .1%; font-size: 2.5vw; color: #028336; text-shadow: 0 0 2px #028336, 0 0 2px #028336; /* • */ /* margin-top: .1%; font-size: 4.4vw; color: gray; text-shadow: 0 0 2px gray, 0 0 2px gray; */ /* ▼ */ /* font-size: 2.5vw; margin-top: .1%; color: #da020e; text-shadow: 0 0 2px #da020e, 0 0 2px #da020e; */ } /* PRE-SEASON */ .scoreboard-PRE { position: absolute; width: 40%; height: 4.2vw; margin-top: -37.3%; left: 37.635%; background-size: cover; display: flex; overflow: hidden; white-space: nowrap; z-index: 5; cursor: pointer; } .scoreboard-PRE .pre-season div { margin-left: 11%; font-family: Europa Nuova Bold; font-size: 2.6vw; color: black; font-weight: bold; white-space: nowrap; display: flex; } /* ⟰ SCOREBOARD CAROUSEL ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ SCOREBOARD (TEAMS) ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .scoreboard-teams-mobile { position: absolute; width: 40%; margin-top: -33.3%; left: 37.635%; display: flex; overflow: hidden; white-space: nowrap; z-index: 7; cursor: pointer; font-family: myFont; font-size: 3.4vw; background: linear-gradient(rgba(27,27,27,0.8), rgba(27,27,27,0.8)), url(../parallax/led-gray-mb.png); background-size: 200% 200%; } /* ⟱ SCOREBOARD (RESULT) ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .scoreboard-result { color: white; position: absolute; width: 15%; height: 7.17vw; line-height: 3.7vw; margin-top: -33.3%; left: 62.7%; display: flex; overflow: hidden; white-space: nowrap; z-index: 8; cursor: pointer; font-family: myFont; font-size: 3.4vw; background: transparent; text-align: center; } .scoreboard-result2 { color: white; position: absolute; width: 15%; height: 7.17vw; line-height: 3.7vw; margin-top: -33.3%; left: 62.7%; display: flex; overflow: hidden; white-space: nowrap; z-index: 7; cursor: pointer; font-family: myFont; font-size: 3.4vw; background: transparent; background-size: 150% 150%; text-align: center; } /* ⟰ SCOREBOARD (RESULT) ⟰ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ /* ⟱ CLOCK ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .clock { position: absolute; height: 7vw; width: 16%; margin-top: -35%; left: 83.4%; display: flex; overflow: hidden; white-space: nowrap; z-index: 7; font-family: Lampen; font-size: 3.4vw; line-height: 7vw; background: linear-gradient(rgba(27,27,27,0.9), rgba(27,27,27,0.9)), url(../parallax/led-black.jpg); background-size: 180% 180%; text-align: center; align-items: center; } .republik-of-mancunia { display: none; } .clock-vertical-stripe1 { width: .8%; height: 7vw; margin-top: -35%; left: 83.6%; background: linear-gradient(rgba(197,46,44,0.6), rgba(197,46,44,0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } .clock-vertical-stripe2 { width: .8%; height: 7vw; margin-top: -35%; left: 84.5%; background: linear-gradient(rgba(252, 252, 252, 0.6), rgba(255, 255, 255, 0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } .clock-vertical-stripe3 { width: .8%; height: 7vw; margin-top: -35%; left: 98%; background: linear-gradient(rgba(252, 252, 252, 0.6), rgba(255, 255, 255, 0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } .clock-vertical-stripe4 { width: .8%; height: 7vw; margin-top: -35%; left: 99%; background: linear-gradient(rgba(197,46,44,0.6), rgba(197,46,44,0.6)), url(../parallax/led-black.jpg); background-size: 180% 180%; position: absolute; z-index: 7; } /* ⟱ MENU ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ header { margin-top: -23%; justify-content: space-between; align-items: center; width: 100%; height: 23vw; } /* ⟱ GALLERY PHOTO TEXT ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ #button-gallery1 { border: none; border-radius: 0 0 1.5vw 1.5vw; position: absolute; margin-top: -42.2%; left: 3.7%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery2 { border: none; position: absolute; margin-top: -42.2%; left: 17.3%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery3 { border: none; position: absolute; margin-top: -42.2%; left: 30.9%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery4 { border: none; position: absolute; margin-top: -42.2%; left: 53.3%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery5 { border: none; position: absolute; margin-top: -42.2%; left: 53.3%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery6 { border: none; position: absolute; margin-top: -42.2%; left: 66.9%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } #button-gallery7 { border: none; position: absolute; margin-top: -42.2%; left: 80.4%; width: 12.3%; height: 6vw; background-color: transparent; z-index: 2; } /* ⟱ LEGEND TO THE MATCH RATINGS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ #first-half { transform: translate(6%, 1%); } #second-half { transform: translate(55%, 4%); } /* ⟱ DATE, FIXTURE AND RESULT ⟱【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .date-and-result h8, h9, h10, h11, h12, h13, h14, h15, h16, h17 { /* 1st row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 13.32%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2.7%; z-index: 4; } .date-and-result h18, h19, h20, h21, h22, h23, h24, h25, h26, h27 { /* 2nd row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 20.9%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2.7%; z-index: 4; } .date-and-result h28, h29, h30, h31, h32, h33, h34, h35, h36, h37 { /* 3rd row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 29.26%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2%; z-index: 4; } .date-and-result h38, h39, h40, h41, h42, h43, h44, h45, h46, h47 { /* 4th row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 36.18%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2%; z-index: 4; } .date-and-result h48, h49, h50, h51, h52, h53, h54, h55, h56, h57 { /* 5th row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 43.1%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2.7%; z-index: 4; } .date-and-result h58, h59, h60, h61, h62, h63, h64, h65 { /* 6th row */ position: absolute; display: inline-block; width: 9.8%; margin-top: 50.64%; font-family: Century Gothic; color: white; font-size: 1.3vw; text-align: center; padding-top: 2.7%; z-index: 4; } /* ⟱ DROPDOWNS ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .dropdowns-section { position: relative; margin-top: 113%; margin-left: -29.5vw; height: 150vw; z-index: 2; } /* ⟱ INTERNATIONAL BREAK ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .space-international-break { background-image: url(../core/break.png); background-size: 120% 100%; color: white; padding: .3vw; text-decoration: none; display: flex; align-items: center; position: relative; } /* ⟱ BOTTOM ⟱ 【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】【♦】 */ .bottom-isometric::before { content: "2025/26"; position: absolute; text-shadow: -1px 0.5px 1px #555, -2px 0.5px 1px #555, -3px 0.5px 1px #555, -4px 0.5px 1px #555; z-index: -1; } } /* MOBILE 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 📱 */