.board_{border:3px solid #fff;height:660px!important;margin-left:5%;margin-top:3%;width:600px!important}body{background-color:#111}.name_space{color:#fff;font-family:cascadia code;margin:5px}.game_info{border:3px solid #fff;display:flex;flex-direction:column;gap:10px;height:-webkit-fit-content;height:fit-content;margin-left:-22.5%;margin-top:10%;padding:5px;width:350px}.game_info_title{-webkit-text-decoration:underline 3px #fff;text-decoration:underline 3px #fff}.game_info_title,.your_colour{color:aqua;font-family:Cascadia Code;font-size:large}.your_colour{padding-left:5%}.game_status{color:aqua;font-family:Cascadia Code;font-size:xx-large;height:-webkit-fit-content;height:fit-content;margin-left:2.5%;padding-top:6%}.all_div{display:flex}html{background-color:#090909!important;overflow:auto!important}.button{background-color:aqua;border:none;border-radius:12px;color:#000;cursor:pointer;font-family:Cascadia code;font-size:medium;height:5%;margin-left:10%;width:80%}.button:hover{background-color:#00b3b3}.button:active{background-color:teal;box-shadow:inset 0 0 5px #00000080}.chat-box{background-color:#0c0c0c;border:2px solid #00b3b3;border-radius:12px;height:21.5rem;margin-left:-37%;margin-top:22rem;overflow:auto;width:37.5%}.msg{background-color:#00b3b3;border-radius:6px;color:#000;font-family:Cascadia Code;margin:5px;padding:5px}.msg_input{background-color:#272727;border:none;border-radius:.25rem;box-shadow:0 1px 2px #0000001a;color:#fff;height:-webkit-fit-content;height:fit-content;left:48%;overflow:auto;padding:8px;position:absolute;top:89%;width:29%}.msg_input::placeholder{color:#a6a6a6}.msg_input:focus{box-shadow:0 0 2px 1px aqua;outline:none}.send{background-color:#00b3b3;border:none;border-radius:6px;box-shadow:0 3px 6px #0000004d;color:#000;cursor:pointer;height:-webkit-fit-content;height:fit-content;left:78.3%;padding:8px;position:absolute;top:88.8%;width:5.8%}.send:hover{background-color:teal}.send:active{background-color:#066;box-shadow:inset 0 0 5px #00000080}.my_msg{clear:both;color:#000;float:right}.opponent_msg{clear:both;float:left}@media screen and (max-width:1270px){.all_div{flex-direction:column}.game_info{margin-left:8%;margin-top:1%}.game_status{margin-left:5%;padding-top:.5%}.chat-box{margin-left:1%;margin-top:1rem;width:98%}.chat-box input{margin-top:48.5%}.msg_input{left:4%;top:167%;width:81%}.send{height:-webkit-fit-content;height:fit-content;left:88%;top:167%;width:-webkit-fit-content;width:fit-content}}@media screen and (min-height:750px){.msg_input,.send{top:150%}}.alert{align-items:center;background:#009c9c;border-radius:12px;color:#000;display:flex;font-family:Cascadia code;padding:5px}.message{font-size:large;padding-left:5px}.accept_deny{display:flex;margin-left:auto}.accept{background-color:#6fcf97;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:10px;padding:8px 16px;transition:all .2s ease-in-out}.accept:hover{background-color:#52c586}.accept:active{background-color:#449e73}.deny{background-color:#eb5757;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .2s ease-in-out}.deny:hover{background-color:#cf4a4a}.deny:active{background-color:#ad4141}.err{background-color:#000;overflow:hidden}#home_background{background-color:#000;display:flex;flex-direction:column;height:70%;padding-top:10%;position:absolute;width:99%}html{background-color:#000!important}#enter_name_text{color:#fff;font-family:Cascadia code;font-size:x-large;margin-left:39%}#name_input{border-radius:20px;height:3%;margin-left:5%;margin-top:1%;width:90%}#submit_button{background-color:aqua;border:none;border-radius:12px;color:#000;cursor:pointer;font-family:Cascadia code;font-size:x-large;height:7%;margin-left:38%;margin-top:2%;width:20%}#submit_button:hover{background-color:#00b3b3}#submit_button:active{background-color:teal;box-shadow:inset 0 0 5px #00000080}.link_div{background-color:aqua;border-radius:12px;bottom:10%;display:flex;height:7%;justify-content:space-between;margin-left:7%;opacity:0;position:absolute;width:85%;z-index:2}.link_text{color:#000;font-family:Cascadia code;font-size:large;margin-top:1%;padding-left:5px;padding-top:8px;-webkit-text-decoration:#000 3px underline;text-decoration:#000 3px underline}.copy_image{border-radius:8px;height:45px;margin-top:.3%;padding-right:5px;width:45px}@media screen and (max-width:1000px){#enter_name_text{font-size:20px;margin-left:30%}#name_input{margin-top:3%}}@media screen and (max-width:650px){.link_div{height:10%}}@media screen and (max-width:400px){#enter_name_text{font-size:18px;margin-left:22%}#submit_button{font-size:medium}}
/*# sourceMappingURL=main.f01b9769.css.map*/