@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);:root{--bg-colour:#171717;--font-colour:#ededed;--primary-colour:#444;--secondary-colour:#da0037;--tertiary-colour:#292922;--border:hsla(0,0%,100%,.125);--bg-alpha:hsla(0,0%,9%,.75);--bg-alpha1:hsla(0,0%,9%,.1);--bg-alpha2:#171717}@-webkit-keyframes matchEntrance{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes matchEntrance{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#171717;background-color:var(--bg-colour);font-family:Poppins,sans-serif;font-size:1vw}.container{background:url(https://i.imgur.com/xmS3QgL.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;margin:0 auto;padding:0 20px;text-align:center;width:100%}.header{align-items:center;border-bottom:2px solid hsla(0,0%,100%,.125);border-bottom:2px solid var(--border);color:#ededed;color:var(--font-colour);display:flex;font-family:Bebas Neue,cursive;font-size:x-large;justify-content:space-between;margin-bottom:20px;padding:15px 0}.content{grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(9,1fr);margin:0 auto;padding-bottom:20px}.col1{grid-row-gap:10px;grid-template-rows:repeat(8,1fr);row-gap:10px}.col1,.col2{align-items:center;display:grid}.col2{grid-template-rows:repeat(16,.5fr)}.col3,.col4,.col5,.col6,.col7{align-items:center;display:grid;grid-template-rows:repeat(8,1fr)}.col8{grid-template-rows:repeat(16,.5fr)}.col8,.col9{align-items:center;display:grid}.col9{grid-row-gap:10px;grid-template-rows:repeat(8,1fr);row-gap:10px}.col1>div:first-child{grid-row:1}.col1>div:nth-child(2){grid-row:2}.col1>div:nth-child(3){grid-row:3}.col1>div:nth-child(4){grid-row:4}.col1>div:nth-child(5){grid-row:5}.col1>div:nth-child(6){grid-row:6}.col1>div:nth-child(7){grid-row:7}.col1>div:nth-child(8){grid-row:8}.col2>div:first-child{grid-row:1/5}.col2>div:nth-child(2){grid-row:5/9}.col2>div:nth-child(3){grid-row:9/13}.col2>div:nth-child(4){grid-row:13/17}.col3>div:first-child{grid-row:1/5}.col3>div:nth-child(2){grid-row:5/9}.col4>div:first-child{grid-row:4/6}.col5>div:first-child{grid-row:3}.col5>div:nth-child(2){grid-row:6}.col6>div:first-child{grid-row:4/6}.col7>div:first-child{grid-row:1/5}.col7>div:nth-child(2){grid-row:5/9}.col8>div:first-child{grid-row:1/5}.col8>div:nth-child(2){grid-row:5/9}.col8>div:nth-child(3){grid-row:9/13}.col8>div:nth-child(4){grid-row:13/17}.col9>div:first-child{grid-row:1}.col9>div:nth-child(2){grid-row:2}.col9>div:nth-child(3){grid-row:3}.col9>div:nth-child(4){grid-row:4}.col9>div:nth-child(5){grid-row:5}.col9>div:nth-child(6){grid-row:6}.col9>div:nth-child(7){grid-row:7}.col9>div:nth-child(8){grid-row:8}.loading,.match{color:#ededed;color:var(--font-colour)}.match{-webkit-animation:matchEntrance .7s ease-out;animation:matchEntrance .7s ease-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:hsla(0,0%,9%,.75);background-color:var(--bg-alpha);border:1px solid hsla(0,0%,100%,.125);border:1px solid var(--border);border-radius:5px;padding:3px}.date{font-size:small;font-style:italic}.matchTop{margin-bottom:3px}.matchBot,.matchTop{border:1px solid hsla(0,0%,100%,.125);border:1px solid var(--border);border-radius:5px;color:#171717;color:var(--bg-colour);font-size:smaller;font-weight:700}.unpop{color:#ededed;color:var(--font-colour)}.lostStyle{text-decoration-line:line-through;text-decoration-thickness:20%}@media screen and (orientation:landscape) and (max-width:1460px){.header{font-size:large;margin-bottom:10px;padding:10px 0}.container{padding:0 5px}.content{-webkit-column-gap:5px;column-gap:5px}.date{font-size:smaller}}@media screen and (max-width:1460px) and (orientation:portrait){.body{height:100%}.container{background-attachment:scroll;background-position:45% top;background-size:auto;padding:0 5px}.header{font-size:large}.content{-webkit-column-gap:5px;column-gap:5px;grid-template-columns:repeat(3,1fr);row-gap:5px}.col4{grid-column-start:1}.col4,.col5{grid-row-start:3}.col5{grid-column-start:2}.col6{grid-column-start:3;grid-row-start:3}.date{font-size:smaller}.match{font-size:x-small;min-width:100px}}
/*# sourceMappingURL=main.ac884a67.css.map*/