@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.home{align-items:center;background:url(https://images.unsplash.com/photo-1517747614396-d21a78b850e8?q=80&w=2225&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) no-repeat 50%/cover,rgba(0,0,0,.8);background-blend-mode:darken;display:flex;flex-direction:column;gap:25px;height:100vh;justify-content:center}.home h1{color:#fff;font-size:36px;font-style:italic;font-weight:600;text-transform:uppercase}.home p{color:#737373;width:700px}.home a,.home p{text-align:center}.home a{background-color:#90fd13;border:none;border-radius:5px;color:#1a1a1a;cursor:pointer;font-size:18px;font-weight:600;padding:12px;text-decoration:none;text-transform:uppercase;transition:all .2s linear;width:400px}.home a:hover{background-color:#76d707}.create{padding:40px}.create h1{color:#fff;font-size:36px;font-style:italic;font-weight:600;text-transform:uppercase}.create__filter{align-items:center;display:flex;gap:12px;padding:20px 0 40px}.create__filter select{background-color:transparent;border:1px solid #2e2e2e;border-radius:3px;outline:none;padding:6px}.create__filter select:focus{border:1px solid #90fd13}.create table{border-collapse:collapse;margin:auto;padding:50px 0;width:100%}.create table tr{background-color:#202020;border-collapse:0}.create table tr:nth-child(odd){background-color:#2e2e2e}.create table tr td{padding:8px 12px}.create table tr td img{margin:auto}.create table tr td button{background-color:#90fd13;border:none;border-radius:2px;color:#1a1a1a;cursor:pointer;font-weight:600;padding:6px 12px;transition:all .2s linear}.create table tr td button:hover{background-color:#76d707}.join{align-items:center;display:flex;flex-direction:column;gap:25px;height:100vh;justify-content:center}.join h1{color:#fff;font-size:36px;font-style:italic;font-weight:600;text-transform:uppercase}.join form{align-items:center;display:flex;flex-direction:column;gap:25px;justify-content:center}.join form label{display:none}.join form input{background-color:transparent;border:1px solid #2e2e2e;border-radius:5px;font-size:18px;outline:none;padding:12px;width:400px}.join form input:focus{border:1px solid #90fd13}.join form button{background-color:#90fd13;border:none;border-radius:5px;color:#1a1a1a;cursor:pointer;font-size:18px;font-weight:600;padding:12px;transition:all .2s linear;width:400px}.join form button:hover{background-color:#76d707}*{box-sizing:border-box;color:#e2e2e2;font-family:sans-serif;font-family:Poppins,sans-serif;font-style:normal;font-weight:400;margin:0;padding:0}body{background-color:#1a1a1a;min-height:100vh;width:100%}h1,h2,h3,p{font-weight:400;margin:0}.loader_Container{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%}.loader_Container .loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:3px solid #90fd13;border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;display:inline-block;height:30px;width:30px}.loader_Container p{color:#737373}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.game{background-color:#1a1a1a;flex-direction:column;gap:40px;height:100vh}.game,.game__topbar{align-items:center;display:flex;justify-content:space-between}.game__topbar{padding:40px 40px 0;width:100%}.game__topbar__code{color:#737373;text-align:center;text-transform:uppercase}.game__topbar__code a{color:#90fd13;text-decoration:none}.game__topbar__playerA,.game__topbar__playerB{align-items:center;background-color:#202020;border:1px solid #2e2e2e;border-radius:5px;display:flex;justify-content:space-between;padding:20px;width:250px}.game__topbar__playerA .lifeCounter,.game__topbar__playerB .lifeCounter{align-items:center;display:flex;gap:12px}.game__topbar__playerA .lifeCounter__life,.game__topbar__playerB .lifeCounter__life{aspect-ratio:1/1;background-color:#2e2e2e;border-radius:100%;width:16px}.game__topbar__playerA .lifeCounter .active,.game__topbar__playerB .lifeCounter .active{background-color:#90fd13}.game__topbar__playerB{flex-direction:row-reverse}.game__topbar .active{border:1px solid #90fd13}.game__title h2{color:#fff;font-size:36px;font-style:italic;font-weight:600;text-transform:uppercase}.game__title h2 span{border:3px solid #90fd13;border-radius:50px;color:#90fd13;font-size:24px;margin:0 30px;padding:5px 20px}.game__title p{color:#737373;font-style:italic;font-weight:600;text-align:center}.game__main{justify-content:space-around;padding:0 40px}.game__main,.game__main__center{align-items:center;display:flex;height:100%;width:100%}.game__main__center{gap:50px;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:400px}.game__main__center img{width:50%}.game__main__team{align-items:center;background-color:#202020;border:1px solid #2e2e2e;border-radius:10px;display:flex;flex-direction:column;gap:12px;height:100%;padding:24px 12px;width:200px}.game__main__team span{font-weight:500;text-transform:uppercase}.game__main__team__title{color:#737373;text-decoration:underline}.game__footer{padding:0 0 60px;width:100%}.game__footer,.game__footer__guess div{align-items:center;display:flex;justify-content:center}.game__footer__guess div{border-radius:5px;height:70px;overflow:hidden;width:500px}.game__footer__guess div input{background-color:#202020;border:1px solid #2e2e2e;font-size:18px;height:100%;outline:none;padding:0 20px;width:100%}.game__footer__guess div button{background-color:#90fd13;border:none;color:#1a1a1a;cursor:pointer;font-size:18px;height:100%;padding:0 40px;transition:all .2s linear}.game__footer__guess div button:hover{background-color:#76d707}.game__footer__end{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:80%}.game__footer__end p{font-size:24px;font-weight:600;width:100%}.game__footer__end a{color:#90fd13;text-decoration:none}.game__footer__text{color:#737373;font-size:20px;font-weight:600;text-transform:uppercase}.game__footer__text .green{color:#90fd13;font-weight:600}.game__footer__text .error{color:#ff3535;font-weight:600}
/*# sourceMappingURL=main.0dcde257.css.map*/