@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);.main{margin:0 auto;height:200vh}.navbar{background-color:#000;border-style:solid}.chess{text-align:left;font-family:algerian,sans-serif;margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;float:left;font-size:40px}.chess,.you{color:#f5f5f5;padding:0}.you{text-align:center;margin-top:57px;font-family:Arial,Helvetica,sans-serif}.boardclass,.you{position:relative}.boardclass{border:0;padding:0;margin-left:100px;float:left;display:inline}.timer{margin-top:100px;margin-right:100px;width:220px;padding:5px;float:right}.box{position:relative;cursor:pointer;font-size:larger;font-weight:1000;width:60px;min-width:60px;height:60px;text-align:center;display:inline;display:table-cell}.rotatebutton{cursor:pointer;margin:5px 120px 5px 126px}.start{color:#fff;background-color:green}.ready,.start{cursor:pointer;font-size:20px}.ready{color:#00f;background-color:#f5f5f5;margin:5px}.stop{cursor:pointer;margin:5px 110px;width:80px;height:35px;border-radius:5px;background-color:#cc0a0a;border:0;font-size:15px;font-weight:500;color:#fff}.stop:hover{background-color:#9c0404}.timeallocate{background-color:#f5f5f5}.timeallocate,.timeallocate1{font-weight:700;border-color:#000;border-style:solid;text-align:center}.timeallocate1{background-color:#9f0}.timeremain{font-weight:700;font-size:large;color:#00f}.scoreboard{border-style:solid;float:right;margin-left:180px;margin-right:100px;width:200px;margin-top:60px;text-align:center;background-color:#b5651d}.score{font-weight:700;color:#000;border-style:solid;margin:20px;font-size:large}.roomid{color:#ffebcd}.code,.roomid{text-align:center;font-size:20px;font-family:sans-serif;margin-bottom:0;font-family:sans-serif,Verdana,Geneva,Tahoma}.code{color:#000;background-color:#fff;border-radius:5px}.footer1{float:right;margin-top:30%;margin-right:0}.rot{cursor:pointer;margin:5px 110px;width:80px;height:35px;border-radius:5px;background-color:#06a4af;border:0;font-size:15px;font-weight:500;color:#fff}.rot:hover{background-color:#025f66}.main{background-color:#51504c}.header{font:14px/1.5 Arial,Helvetica,sans-serif;background-color:#292c2f;box-shadow:1px 2px 2px rgba(0,0,0,.15);padding:20px 40px;height:80px;box-sizing:border-box}.header .header-limiter{max-width:1200px;text-align:center;margin:0 auto}.header .header-limiter h1{color:#e9ebf0;float:left;font:normal 28px Cookie,Arial,Helvetica,sans-serif;line-height:40px;margin:0}.header .header-limiter h1 span{color:#8aa7db}.header .header-limiter a{color:#fff;text-decoration:none}.header .header-limiter nav{font:16px Arial,Helvetica,sans-serif;line-height:40px;float:right}.header .header-limiter nav a{display:inline-block;padding:0 20px;text-decoration:none;color:#fff;font-size:16px;opacity:.9}.header .header-limiter nav a:hover{opacity:1}.header .header-limiter nav a.selected{color:#608bd2;pointer-events:none;opacity:1}.header-limiter nav a.notWorking{pointer-events:none;opacity:.9}.header .header-limiter nav button{display:inline-block;padding:0 20px;background:#000!important;border:none;color:#fff;font-size:16px;opacity:.9;cursor:pointer}.header .header-limiter nav button:hover{opacity:1}.leftcolumn{float:left;width:75%}.rightcolumn{float:left;width:25%;background-color:#f1f1f1;padding-left:0}.card{background-color:#fff;padding:20px;margin-top:20px}.row:after{content:"";display:table;clear:both}.footer{padding:20px;text-align:center;background:#ddd;margin-top:20px}.profile-card-1{font-family:"Open Sans",Arial,sans-serif;position:relative;float:left;overflow:hidden;width:100%;color:#fff;text-align:center;border:none;background:#007991;background:linear-gradient(90deg,#007991,#78ffd6)}.profile-card-1 .background{width:100%;vertical-align:top;opacity:.9;-webkit-filter:blur(5px);filter:blur(5px);-webkit-transform:scale(1.8);transform:scale(2.8)}.profile-card-1 .card-content{width:100%;padding:15px 25px;position:absolute;left:0;top:35%}.profile-card-1 .profile{border-radius:50%;border:2px solid #fff}.profile-card-1 .profile,.profile-card-1 .profile2{position:absolute;bottom:55%;left:50%;max-width:100px;opacity:1;box-shadow:3px 3px 20px rgba(0,0,0,.5);-webkit-transform:translate(-50%);transform:translate(-50%)}.profile-card-1 .profile2{border-radius:50%;border:2px solid #000}.profile-card-1 h2{margin:0 0 5px;font-weight:600;font-size:25px}.profile-card-1 h2 small{display:block;font-size:15px;margin-top:10px}.profile-card-1 i{display:inline-block;font-size:16px;color:#fff;text-align:center;border:1px solid #fff;width:30px;height:30px;line-height:30px;border-radius:50%;margin:0 5px}.profile-card-1 .icon-block{float:left;width:100%;margin-top:15px}.profile-card-1 .icon-block a{text-decoration:none}.profile-card-1 i:hover{background-color:#fff;color:#2e3434;text-decoration:none}.countdown{text-transform:uppercase;font-weight:700}.countdown span{text-shadow:1px 1px 3px rgba(0,0,0,.1);font-size:3rem;margin-left:.8rem}.countdown span:first-of-type{margin-left:0}.countdown-circles{text-transform:uppercase;font-weight:700}.countdown-circles span{width:80px;height:80px;border-radius:50%;background:hsla(0,0%,100%,.2);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-shadow:2px 2px 10px rgba(0,0,0,.1)}.countdown-circles span:first-of-type{margin-left:0}.bg-gradient-1{background:#7f7fd5;background:linear-gradient(90deg,#7f7fd5,#86a8e7,#91eae4)}.bg-gradient-2{background:#654ea3;background:linear-gradient(90deg,#654ea3,#eaafc8)}.bg-gradient-3{background:#ff416c;background:linear-gradient(90deg,#ff416c,#ff4b2b)}.bg-gradient-4{background:#007991;background:linear-gradient(90deg,#007991,#78ffd6)}.bg-blank{background:#000;background:linear-gradient(90deg,#7a7a7a,#000)}.bg-opponent{background-color:#000;background-image:linear-gradient(315deg,#000,#7f8c8d 74%)}.bg-green{background-color:#059413;background-image:linear-gradient(315deg,#059413,#4de20c 74%)}.bg-red{background-color:#900;background-image:linear-gradient(147deg,#900,red 74%)}.bg-blue{background-color:#2a2a72;background-image:linear-gradient(315deg,#2a2a72,#0076fd 74%)}.rounded{border-radius:1rem!important}.oneline{display:inline-block}.modal-dialog{max-width:1000px!important}.carousel-control-next-icon,.carousel-control-prev-icon{font-size:55px;color:#000;background-image:none!important}.carousel-control-next-icon:after{content:">"}.carousel-control-prev-icon:after{content:"<"}.carousel-item{height:400px;padding:0 100px}.carousel-item h3{text-align:center}.btn-menu{-webkit-justify-content:space-between;justify-content:space-between}.btn-menu,.player-cards{display:-webkit-flex;display:flex}.player-cards .card{display:grid;width:45%;padding:5% 10%;justify-items:center}.vs{display:grid;width:10%;text-align:center}.highlightGrid,.vs{-webkit-align-items:center;align-items:center}.highlightGrid{position:absolute;display:-webkit-flex;display:flex;top:0;right:0;width:100%;height:100%;background-color:green;z-index:10;visibility:hidden;opacity:1;-webkit-justify-content:center;justify-content:center}.board1{right:300px}.board1,.board2,.board3{top:-155px;visibility:visible}.board3{right:-300px}.board4{right:300px}.board4,.board5,.board6{top:155px;visibility:visible}.board6{right:-300px}.img-dialog-left{right:1%}.img-dialog-left,.img-dialog-right{position:absolute;height:100px;width:auto;top:0}.img-dialog-right{left:1%}.draw-border{box-shadow:inset 0 0 0 4px #58cdd1;color:#58afd1;transition:color .25s .0833333333s;position:relative}.draw-border:after,.draw-border:before{border:0 solid transparent;box-sizing:border-box;content:"";pointer-events:none;position:absolute;width:0;height:0;bottom:0;right:0}.draw-border:before{border-bottom-width:4px;border-left-width:4px}.draw-border:after{border-top-width:4px;border-right-width:4px}.draw-border:hover{color:#ffe593}.draw-border:hover:after,.draw-border:hover:before{border-color:#eb196e;transition:border-color 0s,width .25s,height .25s;width:100%;height:100%}.draw-border:hover:before{transition-delay:0s,0s,.25s}.draw-border:hover:after{transition-delay:0s,.25s,0s}.social-icons{padding:0;list-style:none;margin:1em}.social-icons li{display:inline-block;margin:.15em;position:relative;font-size:1em}.social-icons i{color:#fff;position:absolute;top:.95em;left:.96em;transition:all 265ms ease-out}.social-icons a{display:inline-block}.social-icons a:before{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);content:" ";width:45px;height:45px;border-radius:100%;display:block;background:linear-gradient(45deg,#000,#4e4e4e);transition:all 265ms ease-out}.social-icons a:hover:before{-webkit-transform:scale(0);transform:scale(0);transition:all 265ms ease-in}.social-icons a:hover i{transform:scale(2.2);-ms-transform:scale(2.2);-webkit-transform:scale(2.2);color:#000;background:-webkit-linear-gradient(45deg,#000,#4e4e4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all 265ms ease-in}.grid-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;font-size:1.2em}.card__name{margin-top:15px;font-size:1.5em}.card__image{height:150px;width:150px;border-radius:50%;border:5px solid #272133;margin-top:20px;box-shadow:0 10px 50px hsla(0,0%,70.2%,.5)}.profile-card-2{background-color:#fbfbfb;padding:1rem 2rem;border-radius:5px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;box-shadow:rgba(0,0,0,.7);color:#000}.icon_text{position:relative;padding:1rem;top:-.3rem}.github-footer{position:relative;margin:auto!important}.about{background-color:#000;color:#f0f8ff;padding:5px;font-size:20px;cursor:pointer;margin:5px 5px 5px 10px;border-color:#fff;float:right;border-radius:5px;border-style:hidden}body,html{font-family:"Roboto",sans-serif;padding:0;margin:0}#root{height:100vh}*{box-sizing:border-box}.joinOuterContainer{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;text-align:center;height:100vh;-webkit-align-items:center;align-items:center;background-color:#1a1a1d}.joinInnerContainer{width:20%;min-width:300px}.joinInputname{width:100%}.joinInputjoin,.joinInputname{border-radius:0;padding:15px 20px}.joinInputjoin{width:55%}.heading{color:gold;font-size:2.5em;font-family:Stencil Std,algerian,sans-serif;padding-bottom:10px}.subheading{color:#fff;font-size:2 em;font-family:Brush Script Std,Stencil Std,algerian,sans-serif;padding-bottom:10px;border-bottom:2px solid #fff}.button{margin-left:5%;width:40%;height:90%}.button,.buttonc{color:#fff!important;text-transform:uppercase;text-decoration:none;background:#2979ff;padding:15px;border-radius:5px;border:none}.buttonc{margin-top:10px;display:inline-block;width:100%;height:100%}.mt-20{margin-top:20px}@media (min-width:320px) and (max-width:480px){.joinOuterContainer{height:100%}.joinInnerContainer{width:90%}}button:focus,buttonc:focus{outline:0}hr{height:1px;background-color:#ccc;border:none}h3{color:#fff;margin-top:10px;height:50px}
/*# sourceMappingURL=main.3f0d68a6.chunk.css.map */