@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap);.header{align-items:center;background-color:#1d1d1d;display:flex;justify-content:space-between;padding:10px 30px 10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:999}.mainlogo{background-color:#fff;border-radius:50%;height:50px;width:50px}.inputsize{border-radius:12px;height:30px;text-align:center}.navi{cursor:pointer}.header_community{font-size:1.3rem;font-weight:700}.dark_mode_body{align-items:center;display:flex;width:10%}.dark_mode{background-color:initial;color:#fff;cursor:pointer;font-size:35px;margin-right:20%;transition:all .15s ease-out}.footer{align-items:center;background-color:#1d1d1d;color:#fff;display:flex;font-size:1.3rem;justify-content:space-between;margin-top:auto;padding:10px;z-index:999}.footer_title{font-family:Titillium Web,sans-serif;margin-bottom:3%;padding:2px}.footer_telphone{font-size:1.8rem}.information{margin-left:1.5%;width:55%}.main_league_title{color:var(--color-text);font-family:Titillium Web,sans-serif;font-size:3.7rem;font-weight:600;margin-bottom:5%;text-align:center}.main_league{border-radius:30px;box-shadow:0 8px 3px rgba(0,0,0,.12),0 4px 14px 2px rgba(0,0,0,.24);cursor:pointer;display:flex;height:6vw;justify-content:center;margin-left:5%;margin-top:4%;width:94%}.main_league:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.epllist{background-color:var(--color-bg-white);border-radius:20px;width:100%}.away,.epllist,.home{align-items:center;display:flex}.away,.home{color:var(--color-text);font-family:Titillium Web,sans-serif;font-size:2rem;font-weight:600;width:27%}.home{justify-content:flex-end}.game_time{align-items:center;color:var(--color-gray);display:flex;font-family:Titillium Web,sans-serif;font-size:1.4rem;font-weight:600;gap:6%;justify-content:center;width:46%}.game_time img{height:4.3rem;width:4.3rem}.Laliga_page_body,.SerieA_page_body{display:flex;margin-top:3%}.Topleagues_body{height:100vh;margin-left:2%;width:20%}.Topleagues_title{color:var(--color-text);font-size:2.6rem;margin-bottom:15%}.Topleagues_list,.Topleagues_title{font-family:Titillium Web,sans-serif;font-weight:600}.Topleagues_list{align-items:center;background-color:var(--color-bg-white);border-radius:15px;box-shadow:0 3px 3px rgba(0,0,0,.12),0 3px 2px rgba(0,0,0,.24);color:var(--color-gray);cursor:pointer;display:flex;font-size:1.8rem;height:5vh;margin-bottom:5%;padding:1.5%;width:80%}.Topleagues_list img{height:1.9rem;margin-left:5%;margin-right:3%;width:1.9rem}.Topleagues_list:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.news_body{border-radius:15px;height:40vh;margin-top:9vh;width:80%}.news_title{align-items:center;color:var(--color-text);display:flex;font-family:Titillium Web,sans-serif;font-size:2rem;font-weight:600;height:13%;margin-bottom:3%}.Ranking_body{margin-left:2%;width:17%}.rank_header{align-items:center;background-color:var(--color-bg-white);border-radius:15px;box-shadow:0 3px 3px rgba(0,0,0,.12),0 3px 2px rgba(0,0,0,.24);display:flex;justify-content:space-between;margin-bottom:10%;overflow:hidden;padding:3%}.rank_header:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.rank_title{align-items:center;color:var(--color-text);display:flex;font-size:2rem;justify-content:space-between}.rank_text,.rank_title{font-family:Titillium Web,sans-serif;font-weight:600}.rank_text{color:var(--color-gray);font-size:1.4rem}.rank_logo{height:2.2rem;width:2.2rem}.ranking_list_title{color:var(--color-text);font-family:Titillium Web,sans-serif;font-size:1.7rem;font-weight:600;margin-bottom:10%}.rank_list{align-items:center;background-color:var(--color-bg-white);border-radius:15px;box-shadow:0 3px 3px rgba(0,0,0,.12),0 3px 2px rgba(0,0,0,.24);display:flex;justify-content:space-between;margin-bottom:10%;overflow:hidden;padding:2%}.rank_list:hover{-webkit-transform:scale(1.04);transform:scale(1.04)}.rank_num{color:var(--color-text);font-size:1.5rem;font-weight:600;margin-left:4%;margin-right:6%}.rank_list img{height:3.1rem;width:3.1rem}.list_logo{align-items:center;display:flex;width:100%}.rank_list_name{color:var(--color-text);font-family:Titillium Web,sans-serif;font-size:1.4rem;font-weight:700;margin-left:4%}.bet_layout{background-color:var(--color-bg-white);border-radius:1rem;box-shadow:0 8px 3px rgba(0,0,0,.12),0 4px 14px 2px rgba(0,0,0,.24);color:var(--color-text);margin-top:1rem;max-width:1280px}.bet_body,.bet_layout{align-items:center;width:100%}.bet_body{display:flex;height:100%;justify-content:space-around}.bet{cursor:pointer}.bet,.bet_disabled{align-items:center;display:flex;flex-direction:column;height:280px;justify-content:center;margin-bottom:2.5rem;width:280px}.bet_disabled{cursor:not-allowed}.bet_to{cursor:pointer}.bet_to,.bet_to_disabled{background:var(--color-bg-white);border:none;border-radius:50%;height:200px;width:200px}.bet_to_disabled{cursor:not-allowed}.bet_to:hover{background-color:var(--color-bg-bet);transition:1s ease}.bet_on{background:var(--color-bg-betOn);border:none;border-radius:50%;cursor:pointer;height:200px;width:200px}.bet_btn{background:var(--color-bg-white);border:none;display:flex;flex-direction:column;font-size:1.25rem;font-weight:700;gap:.5rem;height:2rem;text-align:center;width:15rem}.modal_container{background-color:rgba(0,0,0,.6);height:100vh;justify-content:center;left:0;margin:auto;position:fixed;top:0;width:100vw;z-index:9999}.modal_box,.modal_container{align-items:center;display:flex}.modal_box{background-color:var(--color-bg-white);border-radius:1rem;color:var(--color-text);flex-direction:column;height:250px;justify-content:space-evenly;width:500px}.modal_btn{display:flex;gap:1rem}.comment_layout{border-radius:1rem;box-shadow:0 8px 3px rgba(0,0,0,.12),0 4px 14px 2px rgba(0,0,0,.24);color:var(--color-text);height:80vh;margin-top:1rem;max-width:1280px;overflow-y:scroll}.comment_container,.comment_layout{align-items:center;background:var(--color-bg-white);margin-bottom:1rem;width:100%}.comment_container{border-bottom:1px solid var(--color-border);display:flex;gap:1rem;height:50px;justify-content:center;padding-bottom:1rem;padding-top:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:999}.writer_box{gap:.3rem}.comment_label,.writer_box{display:flex;flex-direction:column}.comment_label{gap:10px}.password_input,.writer_input{height:1.5rem}.comment_input,.password_input,.writer_input{border:1px solid var(--color-border);border-radius:1rem;font-size:1rem;padding-left:10px;padding-right:10px}.comment_input{height:2rem;width:40vw}.comment_btn{background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:1rem;color:var(--color-text);cursor:pointer;height:3.875rem;width:9rem}.comment_btn:hover{background:var(--color-bg-dark);color:var(--color-dark);transition:.5s ease}.comment_list{align-items:center;justify-content:center;position:relative}.comment_box,.comment_list{display:flex;flex-direction:column}.comment_box{border:1px solid var(--color-border);border-radius:1rem;height:6rem;justify-content:space-around;margin-bottom:1rem;width:70%}.comment_body{border-bottom:1px solid var(--color-border);justify-content:space-between}.comment_body,.comment_textbox{align-items:center;display:flex;height:4rem}.comment_textbox{width:95%}.writer{justify-content:center;width:20%}.comment_contents,.writer{align-items:center;display:flex}.comment_contents{position:relative;width:100%}.comment{position:absolute}.comment.hide{display:none}.comment_edit{align-items:center;display:flex;gap:1rem;height:2rem;padding-left:10px;padding-right:10px;width:100%}.comment_edit.hide{display:none}.comment_edit_input{border:1px solid var(--color-border);border-radius:1rem;font-size:1rem;height:2rem;padding-left:10px;padding-right:10px;width:100%}.comment_edit_btn{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:1rem;color:var(--color-text);cursor:pointer;height:2.3rem;width:20%}.comment_edit_btn:hover{background-color:var(--color-bg-dark);color:var(--color-dark);cursor:pointer;transition:.5s ease}.comment_password_input{border:1px solid var(--color-border);border-radius:1rem;font-size:1.5rem;height:2rem;padding-left:10px;padding-right:10px;width:60%}.comment_footer{display:flex;justify-content:space-between;margin-left:1rem;margin-right:1rem}.comment_like{background:var(--color-bg-white);border:none;border-radius:1rem;color:var(--color-text);cursor:pointer}.comment_like:hover{background-color:var(--color-bg-bet);transition:1s ease}.onLikes{background-color:#9acd32}.onDisLikes,.onLikes{border:none;border-radius:1rem;color:#000}.onDisLikes{background-color:red}.comment_dropdown{margin-bottom:1.25rem;margin-right:1rem;position:relative}.btn_dropdown{background:var(--color-bg-white);border:none;color:var(--color-text);cursor:pointer;font-size:2rem}.btn_wrap{display:flex;flex-direction:column;position:absolute}.btn_wrap_hide{display:none}.edit_btn{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text);cursor:pointer;font-size:1rem;height:2.5rem;width:6rem;z-index:998}.edit_btn:hover{background:var(--color-bg-dark);color:var(--color-dark);transition:.5s ease}.match_info{align-items:center;background-color:var(--color-bg-white);border-radius:1rem;box-shadow:0 8px 3px rgba(0,0,0,.12),0 4px 14px 2px rgba(0,0,0,.24);color:var(--color-text);margin-top:1rem;max-width:1280px;width:100%}.match_header{align-items:center;border-bottom:1px solid var(--color-border);display:grid;font-size:1.5rem;grid-template-columns:200px auto 200px;height:70px;justify-items:center}.country,.league{align-items:center;display:flex;gap:.5rem}.match_body{align-items:center;border-bottom:1px solid var(--color-border);display:grid;font-size:2rem;font-weight:700;grid-template-columns:1fr 200px 1fr;height:200px;width:100%}.match_home{gap:1rem;justify-content:end}.match_home,.match_middle{align-items:center;display:flex}.match_middle{flex-direction:column;font-size:1.5rem;gap:.5rem;justify-content:center}.match_away{gap:1rem;justify-content:start}.match_away,.match_footer{align-items:center;display:flex}.match_footer{font-size:1.25rem;gap:2rem;height:50px;justify-content:center}.match_btn{align-items:center;background-color:var(--color-bg-white);border:none;color:var(--color-text);cursor:pointer;display:grid;font-size:1.5rem;height:2.5rem;width:7rem}:root{--color-text:#000;--color-gray:#525252;--color-dark:#fff;--color-border:rgba(0,0,0,.1);--color-bg-white:#fff;--color-bg-darkmMode:#fff;--color-bg-bet:rgba(0,0,0,.1);--color-bg-betOn:gray;--color-bg-dark:#000}html.dark{--color-text:#fff;--color-gray:#fff;--color-dark:#000;--color-border:hsla(0,0%,100%,.1);--color-bg-white:#1d1d1d;--color-bg-darkmMode:#000;--color-bg-bet:hsla(0,0%,100%,.3);--color-bg-betOn:#fff;--color-bg-dark:#fff}body{background-color:#fff;background-color:var(--color-bg-darkmMode)}.detail_layout{display:grid;font-family:Titillium Web,sans-serif;height:90%;justify-items:center;margin:auto;max-width:1280px;width:100vw}.divCommunity{align-items:center;background-color:hsla(0,20%,90%,.8);background-image:url(https://p4.wallpaperbetter.com/wallpaper/892/8/929/batman-logo-black-batman-wallpaper-preview.jpg);border-radius:15px;box-shadow:10px 8px rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;margin:30px auto;padding:20px;width:60%}.divTitle{width:80%}.divContents,.divTitle{background-color:initial;border:none;color:#fff;font-size:20px;font-weight:700;padding:20px}.divContents{margin-left:10px;width:70%}.wrap{position:relative}.community_btn_box{display:flex;justify-content:end;margin-top:30px;position:absolute;width:90%}.community-Btn{background-color:#969290;border:initial;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;height:50px;position:relative;transition:all .5s ease-in-out;width:100px;z-index:1}.community-Btn:before{background-color:initial;border-radius:50px;content:"";height:100%;left:0;position:absolute;top:0;transition:all .5s ease;width:100%;z-index:-1}.community-Btn:hover:before{background-color:#f38749;border-radius:50px}.community-Btn:hover{border-radius:50px;box-shadow:0 0 30px 2px #f57926}.CompleteBtn>button{margin-left:60px}.CancelBtn>button,.CompleteBtn>button{background-color:hsla(0,0%,100%,.1);border:3px solid hsla(0,0%,100%,.2);border-radius:20px;color:#fff;cursor:pointer;font-size:13px;padding:20px;transition:.4s;width:80px}.CancelBtn>button{margin-left:10px}.CompleteBtn>button:hover{-webkit-animation:glow 12s linear forwards;animation:glow 12s linear forwards;background:linear-gradient(90deg,#a9a9a9,#00a19d,#0c87b7,#cb49ff,#6a5acd,#483d8b);background-size:400%;border-color:transparent;box-shadow:0 0 15px #020418;z-index:1}@-webkit-keyframes glow{0%{background-position:0}to{background-position:400%}}@keyframes glow{0%{background-position:0}to{background-position:400%}}.CancelBtn>button:hover{-webkit-animation:glow 12s linear forwards;animation:glow 12s linear forwards;background:linear-gradient(90deg,#a9a9a9,#00a19d,#0c87b7,#cb49ff,#6a5acd,#483d8b);background-size:400%;border-color:transparent;box-shadow:0 0 15px #020418;z-index:1}.CompleteBtn>button:before{bottom:1px;content:"";-webkit-filter:blur(36px);filter:blur(36px);left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;transition:-4s ease-out;z-index:-1}.CompleteBtn>button:hover:before{opacity:1;z-index:-1}.CancelBtn>button:before{bottom:1px;content:"";-webkit-filter:blur(36px);filter:blur(36px);left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;transition:-4s ease-out;z-index:-1}.CancelBtn>button:hover:before{opacity:1;z-index:-1}.container{background:var(--color-bg-white);border:1px solid hsla(0,0%,100%,.18);border-radius:20px;box-shadow:0 8px 32px 0 rgba(101,104,150,.37);height:500px;padding:10px;width:700px}.close{background:transparent;border:none;color:var(--color-text);cursor:pointer;float:right;font-size:40px;padding-right:10px;text-shadow:1px 1px 2px gray}.modal-modal-overlay{align-items:center;background:rgba(53,52,52,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.simTitle{color:var(--color-text);font-size:25px;font-weight:600}.title{background-color:hsla(0,4%,69%,.8);border:none;border-radius:10px;font-size:20px;margin-top:20px;padding:10px;width:620px}.simContents{color:var(--color-text);font-size:25px;font-weight:600;margin-top:20px}.contents{background-color:hsla(0,4%,69%,.8);border:none;border-radius:10px;font-size:20px;height:150px;margin-top:20px;padding:20px;width:600px}.modal-Form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:20px;margin-top:60px}.simBtn{background-color:#969290;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;height:50px;margin-left:270px;margin-top:25px;width:130px}.simBtn,.simBtn:hover{transition:all .5s ease-in-out}.simBtn:hover{background-color:#f38749;box-shadow:0 0 30px 2px #f57926}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
/*# sourceMappingURL=main.95d19579.css.map*/