@import url(https://fonts.googleapis.com/css2?family=Headland+One&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{background-color:none;width:12px}::-webkit-scrollbar-thumb{background-color:#0070a3;border:3px solid #f0f0f0;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#005d82}::-webkit-scrollbar-track{background:#0000}.header{height:35px;justify-content:center;left:0;margin:0;top:0}.header,.topBar{align-items:center;display:flex;position:fixed;width:100%;z-index:1}.topBar{background-color:#0070a3;box-shadow:0 3px 5px #00000080;color:#fff;height:75px;justify-content:start;padding-left:20px;top:35px;transition:height .3s ease-in-out}.topBar.shrink{height:40px}nav{align-items:center;display:flex;gap:30px;height:auto;justify-content:center}a{color:#d3d3d3;cursor:pointer;font-size:medium;font-weight:700;padding:.5rem 1rem;position:relative;text-decoration:none;text-shadow:2px 2px 3px #000;transition:color .25s}a:after{background:#d3d3d3;border-radius:10px;content:"";inset:0;position:absolute;scale:1 0;transition:.45s;z-index:-1}a:hover{color:#000;text-shadow:2px 2px 3px #fff}a:hover:after{scale:1 1}.container{align-items:center;background-color:#0000001a;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100%}.title{font-family:Headland One,serif;font-size:50px;font-style:normal;font-weight:700;text-align:center;text-shadow:2px 2px 3px #fff;width:50%}.startBtn{background-color:#0070a3;color:#fff;display:inline-block;font-size:medium;margin-top:90px;position:relative;text-shadow:2px 2px 3px #000;width:15%}.startBtn:hover{background-color:#009de6;color:#fff;width:20%}.info{color:gray;cursor:pointer;font-size:small;font-style:italic;font-weight:700;padding:5px}@media (max-width:678px){.topBar{height:60px;justify-content:center;padding-left:0}.title{font-size:26px;width:100%}.startBtn{font-size:14px;width:50%}}body{font-family:Kanit,system-ui;height:100%;margin:0;padding:0;width:100%}.about-container{background-image:linear-gradient(#d4d4d4,#a2bac5);color:gray;display:flex;flex-direction:column;height:auto;margin:100px auto 0;padding-left:30px;padding-right:30px;position:relative;width:auto}h1{color:#000;font-size:1.5em;font-style:normal;margin-top:25px;text-align:center;text-shadow:2px 2px 1px #fff}.section,h1,h2{margin-bottom:10px}h2{color:#000;font-size:1.1em;text-shadow:2px 2px 1px #fff}p{line-height:1.6;margin-bottom:15px}p,ul{font-size:.9em}ul{display:flex;flex-direction:column;list-style-type:disc;padding-left:20px;row-gap:10px}a{font-size:1em}body,html{font-family:Kanit,system-ui;height:100vh;margin:0}.notice,body,html{background-image:linear-gradient(#d4d4d4,#a2bac5)}.notice{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.notice-content{background-color:#d3d3d3;border-radius:5px;box-shadow:0 5px 15px 0 #00000026;padding:20px;text-align:center;width:400px}.notice-content p{font-size:medium;font-style:italic;font-weight:700;text-shadow:2px 2px 3px #fff}.c{grid-gap:10px;background-image:linear-gradient(#d4d4d4,#a2bac5);box-sizing:border-box;display:grid;gap:10px;grid-template-areas:"header header header" "left-aside main right-aside";grid-template-columns:250px 1fr 120px;grid-template-rows:30px 1fr;height:100vh;padding:10px}.header{background-color:#3c4043;box-shadow:0 2px 5px #0000001a;color:#fff;font-size:smaller;grid-area:header;height:40px;text-align:center}.left-aside{background-color:#d3d3d3;grid-area:left-aside;width:250px}.buttons{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center}button{background:#fff;border:1px solid #000;border-radius:10px;box-shadow:0 5px 15px 0 #00000026;color:#000;cursor:pointer;font-family:Kanit,system-ui;font-size:12px;padding:7px 30px;transition:all 458ms ease 0s;width:335px}button:hover{background:#ededed none repeat scroll 0 0/auto padding-box border-box;border:1px solid #000;color:#000;width:350px}.get-all-pot,.get-club,.get-opponents,.next-pot,.ok-btn{background-color:#0070a3;color:#fff;display:inline-block;margin-top:15px;position:relative;width:90%}.next-pot{background-color:#009de6}.get-all-pot:hover,.get-club:hover,.get-opponents:hover,.next-pot:hover,.ok-btn:hover{background-color:#009de6;color:#fff;width:95%}.next-pot:hover{background-color:#00aeff}.get-all-pot:after,.get-club:after,.get-opponents:after,.next-pot:after{background-color:#fff;border-radius:4px;color:#a9a9a9;display:none;left:20px;padding:2px;position:absolute;right:20px;text-align:center;top:-30px}.get-club:after{content:"press to get random club"}.get-opponents:after{content:"press to get opponents for club"}.get-all-pot:after{content:"press to get all clubs with their opponents"}.next-pot:after{content:"press to go next pot"}.get-all-pot:hover:after,.get-club:hover:after,.get-opponents:hover:after,.next-pot:hover:after{display:block}button:disabled{cursor:not-allowed}button:disabled,button:disabled:hover{background-color:grey;color:#fff}button:disabled:hover:after{content:none}.current-club{align-items:center;border:1px solid #000;border-radius:5px;display:flex;font-size:18px;font-weight:700;gap:10px;height:180px;justify-content:center;width:90%}.current-club,.line{margin-top:20px}.current-pot{display:flex;flex-direction:column;gap:5px;height:auto}.main{grid-gap:40px;align-content:center;display:grid;gap:40px;grid-area:main;grid-template-columns:repeat(5,230px);grid-template-rows:repeat(2,400px);justify-content:center}.main>:nth-child(n+6){align-self:center;justify-self:center;margin-left:300px}.match{background-color:#0070a3;border-radius:20px;display:flex;flex-direction:column;height:400px;padding:10px;width:230px}.club-name{border-radius:10px;color:#fff;font-size:16px;height:40px;justify-content:center;margin-bottom:8px;text-shadow:2px 2px 3px #000}.club-name,.opponent{align-items:center;display:flex;font-weight:700;width:100%}.opponent{color:#000;flex-direction:row;flex-grow:1;font-size:15px;gap:8px;height:10px;margin-left:15%}.opponents-names{align-items:flex-start;background-color:#bbb;border-radius:10px;display:flex;flex-direction:column;gap:5px;height:100vh;justify-content:flex-start}.right-aside{grid-gap:10px;display:grid;gap:10px;grid-area:right-aside;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto);height:auto;position:fixed;right:25px;top:45px;width:120px}.pot{align-items:center;background-color:#0070a3;border:1px solid gray;border-radius:10px;color:#fff;display:flex;flex-direction:column;font-style:italic;font-weight:700;gap:3px;padding:3px;text-shadow:2px 2px 3px #000}.club-img{border-radius:3px;cursor:pointer;display:inline-block;height:26px;margin-bottom:5px;padding:2px;position:relative;transition:all .3s ease;width:26px}.club-img:hover{box-shadow:0 10px 30px #00000080,0 5px 15px #0000004d}.club-img-container{display:inline-block;position:relative}.club-img-container .tooltip{background-color:#fff;border-radius:10px;color:#fff;display:flex;flex-direction:row;gap:5px;margin-top:-22px;opacity:0;padding:5px;position:absolute;right:125%;text-align:center;top:50%;transition:opacity .3s;visibility:hidden;width:auto;z-index:1}.club-img-container:hover .tooltip{opacity:1;visibility:visible}@media (max-width:678px){.notice-content{width:280px}.notice-content p{font-size:14px}.c{grid-template-areas:"header" "left-aside" "main";grid-template-columns:100%;grid-template-rows:40px auto auto;height:auto}.header{font-size:8px}.left-aside{Padding-bottom:20px;width:100%}.line{display:none}.get-all-pot:after,.get-club:after,.get-opponents:after,.next-pot:after{content:none}.current-club{font-size:14px;height:100px}.current-pot{display:none}.main{grid-column-gap:5px;grid-row-gap:20px;align-items:center;column-gap:5px;display:grid;grid-template-columns:repeat(3,127px);grid-template-rows:repeat(3,400px);justify-content:center;margin-bottom:20px;margin-top:25px;row-gap:20px;width:100%}.main>:nth-child(n+6){margin-left:0}.match{border-radius:10px;height:400px;padding:6px;width:115px}.club-name{font-size:12px;height:30px}.opponent{font-size:12px;margin-left:5%}.right-aside{display:none}}
/*# sourceMappingURL=main.5f7e364a.css.map*/