:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#257835;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0;text-decoration:none;list-style:none;box-sizing:border-box;font-weight:400}body{color:#fff}.page_wrapper{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0 0;gap:3rem}.page_wrapper h1{font-size:4rem;text-align:center;line-height:100%}.page_wrapper button{background-color:#02ff40;height:60px;width:100%;color:#0c1014;font-size:1.25rem;border:0;border-radius:100px;font-weight:700}.welcome_popup_wrapper{width:100%;height:100vh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000bf}@keyframes popup{0%{scale:.5;transform:translateY(300px)}to{scale:1;transform:translate(0)}}.welcome_popup_wrapper .popup{width:90%;max-width:550px;background-color:#fff;padding:3rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:popup .2s ease-in-out;position:relative}.welcome_popup_wrapper .popup span.x{top:-.1rem;right:1.3rem;font-size:3rem}.profile{width:100%;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:50px}.profile .banner{width:100%;border-radius:20px}.profile .pfp{position:absolute;width:75px;border-radius:100px;border:5px solid white;bottom:-30px}.popup h1{color:#0c1014;text-transform:uppercase;text-align:center;line-height:110%;font-size:2.2rem}.popup button{background-color:#f16912;font-family:alphakind;width:100%;color:#fff;padding:.75rem 2rem;height:60px;border-radius:100px;font-size:1.5rem;border:0px solid rgba(0,0,0,.25);letter-spacing:5px}@keyframes spin{to{transform:rotate(360deg)}}.loader{width:70px;height:70px;border:15px solid #F16912;border-radius:100px;border-left:10px solid transparent;animation:spin .5s infinite ease-in-out}.step{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.step_2 h1{font-size:2.5rem}.step_2 img{width:80%;height:200px;object-fit:contain}.popup h1{font-family:alphakind}.popup p{color:#000;font-family:consola bold;font-size:1.25rem;margin-top:5px}.user_form{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.user_form input{border:0;height:60px;width:100%;background-color:#0000001f;font-size:1.25rem;border-radius:100px;padding:0 0rem;color:#000;padding:0 1rem;text-align:center;font-family:consola bold;letter-spacing:.5px}.user_form input::placeholder{color:#00000080}.user_form input:focus{outline:2px solid white}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.hero h1{font-family:consola bold;font-family:yourmate reg;font-family:alphakind;color:#000;color:#fff;font-size:3.5rem;width:100%;text-align:center;line-height:120%}.hero p{font-family:consola reg;color:#000;font-size:1.5rem;text-align:center;color:#fff}div.ca{background-color:#fff;padding:10px 20px;border-radius:100px;position:fixed;bottom:1rem;right:1rem;z-index:1;box-shadow:#64646f66 0 7px 29px}div.ca p{font-family:consola bold;font-size:1.25rem;text-align:center;color:#000}.hero p.bold{font-family:consola bold}.hero p.round{font-size:2rem}.hero p.clickable{opacity:.8}.hero p.clickable:hover{-webkit-user-select:none;user-select:none;cursor:pointer;opacity:1}.hero button{background-color:#f16912;font-family:consola bold;color:#fff;padding:.75rem 2rem;border-radius:100px;font-size:1.25rem;border:3px solid rgb(218,165,32,.5);display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 0 15px #0003}.rows{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 3rem 0rem}.rows span{font-family:consola bold;font-size:2rem}.leaderboard_wrapper{width:100%;display:flex;align-items:center;justify-content:center;background-color:#0000001a;padding:0 0 100px}.leaderboard{width:80%;display:flex;align-items:start;justify-content:center;flex-direction:column;gap:4rem}.leaderboard .user{width:100%;height:75px;display:flex;align-items:center;justify-content:space-between;background-color:#00000059;background-color:#2a2a2abf;box-shadow:0 10px #0000001a;padding:0 2rem;border:3px solid rgba(0,0,0);position:relative}.leaderboard .user .you{position:absolute;top:-10px;left:-10px;background-color:gold;color:#000;border-radius:100px;font-family:consola bold;padding:1px 10px}.leaderboard .user:nth-child(2){background-color:#2a2a2a;box-shadow:0 0 40px #ffd04699;box-shadow:0 10px #0000001a}.leaderboard .user:nth-child(3){background-color:#2a2a2a;background-color:#2a2a2ae6;box-shadow:0 10px #0000001a}.leaderboard .user:nth-child(4){background-color:#2a2a2a;background-color:#2a2a2acc;box-shadow:0 10px #0000001a}.person{display:flex;align-items:center;justify-content:center;height:100%;gap:50px;position:relative}.crown{position:absolute;top:-90px;width:80px;left:54.5%}.leaderboard .user .pfp{width:90px;height:90px;rotate:45deg;overflow:hidden;border-radius:10px;background:#2a2a2a;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.2em;text-align:center;border:5px solid transparent;background-image:linear-gradient(#2a2a2a,#2a2a2a),linear-gradient(45deg,#ffd046,#fff6b7,#f16912,#ffd046);background-origin:border-box;background-clip:content-box,border-box;box-shadow:0 0 20px #ffd04699,0 0 20px #0006}.leaderboard .user .pfp img{width:140%;height:138%;object-fit:cover;rotate:-45deg}.leaderboard .user span{font-family:consola bold;font-size:1.5rem}.leaderboard .user span.rank,.leaderboard .user span.score{font-family:consola bold;font-size:2.5rem;width:50px}.leaderboard .user span.name{width:160px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:underline}.a_name{color:#fff;margin-left:-10%}.leaderboard .user span.name:hover{-webkit-user-select:none;user-select:none;cursor:pointer;opacity:.8}.leaderboard .user span.id{width:140px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:-7%}button:hover{scale:.95}.music{width:60px;height:60px;position:fixed;top:150px;right:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:130%;background-color:#f16912;font-family:consola bold;color:#fff;border-radius:100px;border:3px solid rgba(0,0,0,.25);display:none}.menu{width:100%;font-family:consola bold;color:#000;color:#fff;display:flex;align-items:center;justify-content:start;gap:5rem;padding:20px;font-size:1.25rem;background-color:#0000000d;border-bottom:2px solid rgb(0,0,0,.05)}.menu span.logo{font-size:1.5rem}.menu div.menu_options{display:flex;gap:2rem;font-family:consola bold;font-size:1.1rem;opacity:.75}.menu div.menu_options p{-webkit-user-select:none;user-select:none;cursor:pointer}.menu div.menu_options p:hover{opacity:.9;scale:.98}.notificaitons_toggle{display:flex;align-items:center;justify-content:start;width:100%}.notificaitons_toggle p{background-color:#fff;color:#000;font-size:.9rem;font-family:consola bold;padding:6px 10px;border-radius:100px;-webkit-user-select:none;user-select:none;box-shadow:#64646f66 0 7px 29px}.notificaitons_toggle p:hover{opacity:.9;scale:.95}.notifications{position:fixed;left:1rem;bottom:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:25%;z-index:10;gap:1rem;flex-direction:column-reverse}.notifications .notification:nth-child(1){opacity:1!important}.notifications .notification:nth-child(2){opacity:.75;filter:blur(1px)}.notifications .notification:nth-child(3){opacity:.5;filter:blur(1px)}@keyframes notif_pop{0%{scale:.6}to{scale:1}}.notification{width:100%;background-color:#fff;height:100px;border-radius:1rem;box-shadow:0 0 20px #0003;display:flex;align-items:center;justify-content:start;padding:10px;position:relative;animation:notif_pop .1s ease-in-out}.notification img{height:100%;border-radius:1rem}.notification .notif_info{display:flex;align-items:center;justify-content:center;color:#000;font-family:consola bold;flex-direction:column;line-height:160%;flex-grow:1}.notification .notif_info span.name{font-family:alphakind;font-size:1.5rem}.notification .date{position:absolute;bottom:5px;right:5px;font-size:8px;font-family:consola bold;background-color:#0000001a;color:#000c;height:20px;display:flex;align-items:center;justify-content:center;border-radius:100px;padding:2.5px 7.5px}span.x{position:absolute;top:-.5rem;right:.5rem;color:#000;font-family:consola bold;font-size:2rem;rotate:45deg;-webkit-user-select:none;user-select:none;cursor:pointer}span.x:hover{scale:1.1;opacity:.9}.data{display:flex;align-items:center;justify-content:center;gap:2rem;width:80%}.data .data_block{background-color:#fff;width:100%;height:140px;border-radius:1rem;position:relative;display:flex;align-items:center;justify-content:center;padding:20px 0 0}.data .data_block h3{font-size:3rem;font-family:alphakind;color:#000}.data .data_block p{position:absolute;top:10px;left:20px;text-align:left;font-size:1.2rem;font-family:consola bold;color:#000}.data_loader{width:15px;height:15px;border:5px solid #000;border-radius:100px;border-left:5px solid transparent;animation:spin .5s infinite ease-in-out;position:absolute;top:15px;right:15px;opacity:.5}.work_card{width:90%;height:205px;border:2px solid black;border-radius:.25rem;display:flex;align-items:start;justify-content:space-between;flex-direction:column;padding:12px;background-color:#5dc4ff;position:relative}.work_card span.card_tag{position:absolute;top:0;right:0;font-family:alphakind;padding:10px 12px;font-size:1.1rem}.work_card .top{display:flex;align-items:start;justify-content:start}.work_card img{width:90px;height:90px;object-fit:cover;border-radius:.25rem;border:2px solid rgb(0,0,0)}.work_card .notif_info{display:flex;align-items:start;justify-content:start;flex-direction:column;color:#000;padding:10px 0 0 1rem;font-family:consola bold;font-size:1.1rem}.work_card .bott{width:100%;text-align:left;font-family:consola bold;font-size:1rem}.work_card .bott p{background-color:#0003;padding:9px;font-family:consola reg;font-size:.8rem;color:#fff}.work_card .bott p span{font-family:consola bold;text-transform:uppercase}@keyframes profile{0%{transform:translateY(-600px)}to{transform:translate(0)}}.right_sidebar.mobile{display:none}.right_sidebar{display:flex;align-items:start;justify-content:center;flex-direction:column;gap:1rem;position:fixed;top:1rem;right:1rem;width:350px}.right_sidebar button.close{background-color:#000;border:0;color:#fff;font-family:consola bold;padding:5px 10px 7px;border-radius:100px;font-size:1rem}.recent_winners{width:100%;padding:15px 20px;background-color:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;max-height:300px;overflow-y:scroll;display:flex;flex-direction:column;gap:10px}.recent_winners h1{font-size:1.25rem;font-family:alphakind}.recent_winners .winner{display:flex;align-items:center;justify-content:start;gap:1rem}.recent_winners .winner .rank{width:22px;font-family:consola bold}.winner span.score{margin-left:auto;font-family:consola bold}.winner a{color:#fff;text-decoration:underline!important;font-family:consola reg}.winner a:hover{opacity:.5}.winner img{width:20px}.your_profile{border-radius:1rem;display:flex;align-items:start;justify-content:space-between;flex-direction:column;padding:15px 20px;background-color:#fff;position:relative;box-shadow:0 0 20px #0000001a;animation:profile 1s ease-in-out;z-index:10;width:100%}.your_profile p{color:#000}.your_profile h1{font-size:1.5rem;color:#000;font-family:alphakind}.your_profile button.refresh{background-color:#f16912;position:absolute;border:0;right:1rem;top:15px;color:#fff;font-family:consola bold;padding:5px 10px 7px;border-radius:100px;font-size:1rem}.your_profile button.clockout{background-color:#dcdcdc;position:absolute;border:0;right:1rem;top:55px;color:#000;font-family:consola bold;padding:5px 10px 7px;border-radius:100px;font-size:1rem}.worker_profile{display:flex;align-items:center;justify-content:center;gap:1rem}.worker_profile img{width:50px;height:50px;border:2px solid black}.worker_profile p,.worker_info p{font-family:consola bold;font-size:1.5rem}.worker_info p.red{color:red}.worker_info p.green{color:green}.hired{width:80%;height:100px;border:3px solid white;border-radius:1rem;display:flex;align-items:center;justify-content:center}.hired p{font-family:consola bold;color:#000}.hired .green{color:green}.hired .red{color:red}.congrats_crown{position:absolute;top:-72px;z-index:2;width:80px;left:25%}.calculating_efforts_popup_wrapper{width:100%;height:100vh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000bf}.calculating_efforts_popup_wrapper .calculating_efforts_popup{width:90%;max-width:550px;background-color:#fff;padding:3rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:popup .2s ease-in-out;position:relative;gap:2rem}.calculating_efforts_popup h1{color:#0c1014;text-align:center;line-height:110%;font-size:2.5rem;font-family:alphakind}.calculating_efforts_popup p{color:#000;font-family:consola bold;font-size:1.25rem;margin-top:5px;text-align:center}.calculating_efforts_popup button{background-color:#f16912;font-family:alphakind;width:100%;color:#fff;padding:.75rem 2rem;height:60px;border-radius:100px;font-size:1.5rem;border:0px solid rgba(0,0,0,.25);letter-spacing:5px}h1.score_given{font-size:10rem;line-height:90%;position:relative}.game_pending{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:10;background-color:#257835;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.game_pending h1{font-size:5rem;max-width:800px;text-align:center;font-family:alphakind;line-height:100%}.game_pending p{font-size:2rem;max-width:800px;text-align:center;font-family:consola bold;line-height:100%}.tutorial_popup_wrapper{width:100%;height:100vh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000bf}.tutorial_popup_wrapper .tutorial_popup{width:90%;max-width:550px;background-color:#fff;padding:3rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:popup .2s ease-in-out;position:relative;gap:2rem}.tutorial_popup h1{color:#0c1014;text-transform:uppercase;text-align:center;line-height:110%;font-size:2.2rem;font-family:alphakind}.tutorial_popup p{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#0c1014;font-family:consola reg;font-size:1rem}.tutorial_popup p span.bold{font-family:consola bold}.tutorial_popup button{background-color:#f16912;font-family:alphakind;width:100%;color:#fff;padding:.75rem 2rem;height:60px;border-radius:100px;font-size:1.5rem;border:0px solid rgba(0,0,0,.25);letter-spacing:5px}.home_btns{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin:1rem 0 0}.home_btns button:nth-child(2){color:#000;background-color:#fff;border:3px solid rgba(0,0,0,.15)}@media only screen and (max-width: 950px){.data{flex-wrap:wrap;width:100%;padding:1rem}.notifications{width:70%;text-align:center}.right_sidebar.mobile{display:flex}.right_sidebar.desktop{display:none}.menu{flex-direction:column;gap:1rem}.menu div.menu_options .htb{display:none}.hero h1{font-size:3rem}.leaderboard_wrapper{display:flex;align-items:start;justify-content:start;padding:1rem 0 3rem 1rem;overflow-x:scroll;overflow-y:hidden}.leaderboard_wrapper .leaderboard{min-width:900px}.game_pending h1{font-size:3rem}.calculating_efforts_popup button{height:unset}.work_card .bott p{font-size:.5rem}.work_card .notif_info{font-size:.7rem;text-align:left}.card_tag{display:none}.work_card img{width:50px;height:50px}.work_card,.popup button{height:unset}.tutorial_popup_wrapper .tutorial_popup{width:100%;max-width:unset;background-color:#fff;padding:3rem 1rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:popup .2s ease-in-out;position:relative;gap:2rem}.tutorial_popup p{font-size:.9rem}}@font-face{font-family:consola bold;src:url(/assets/ConsolaMono-Bold-Begwcym9.ttf)}@font-face{font-family:consola reg;src:url(/assets/ConsolaMono-Book-C_hJKHs5.ttf)}@font-face{font-family:yourmate reg;src:url(/assets/Yourmate-C0aRLBb-.ttf)}@font-face{font-family:alphakind;src:url(/assets/Alphakind-CQUeEtar.ttf)}