@import url(https://fonts.googleapis.com/css?family=Carter+One);*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:Carter One,sans-serif}.App{text-align:center}a{color:#fff}.Homepage{background-image:url(/static/media/Landing-Page.574b6a45b5d8b7b1312e.gif);background-size:100vw 100vh;height:100vh;margin:0}.homepage-menu{position:relative;top:120px}.homepage-form{display:flex;justify-content:center;margin-top:50px}.homepage-form>h1{margin:0 30px}.homepage-join{display:flex;flex-direction:column}.homepage-join>input{font-size:15px;line-height:1.5em;width:150px}.Game{background-size:cover;height:100vh;margin:0}.backgroundColorR{background-image:url(/static/media/bgR.4b1567fa5551bd24a263.png)}.backgroundColorG{background-image:url(/static/media/bgG.1cabe82b84e2f6b3c632.png)}.backgroundColorB{background-image:url(/static/media/bgB.e00d27fa2a511284b9db.png)}.backgroundColorY{background-image:url(/static/media/bgY.a6a8c435067a05df6d7e.png)}.Card{cursor:pointer;margin:2px;width:6rem}.topInfo{display:flex;flex-direction:row;height:100px;justify-content:space-between;padding:0 60px}.topInfo>img{margin:0;padding:0;width:7%}.topInfo>h1{font-size:1.8rem;margin-top:10px;padding-top:2%}.topInfoText{font-size:2rem;margin:0}.player1Deck{align-items:center;display:flex;flex-direction:row}.player1Deck>img{transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s}.player1Deck>img:hover{opacity:1;-webkit-transform:scale(1.08);transform:scale(1.08)}.player2Deck{align-items:center;display:flex;flex-direction:row-reverse}.player2Deck>img{transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s}.player2Deck>img:hover{opacity:1;-webkit-transform:scale(1.08);transform:scale(1.08)}.playerDeckText{font-size:2rem;margin:0 20px}.middleInfo{display:flex;flex-direction:row;justify-content:space-around}.middleInfo>button{align-self:center}.game-button{background:repeating-linear-gradient(45deg,#3ebbf7,#3ebbf7 5px,#45b1f4 0,#45b1f4 10px);border:none;border-bottom:3px solid rgba(16,91,146,.5);border-radius:8px;border-top:3px solid hsla(0,0%,100%,.3);box-shadow:0 6px 0 #266b91,0 8px 1px 1px rgba(0,0,0,.3),0 10px 0 5px #12517d,0 12px 0 5px #1a6b9a,0 15px 0 5px #0c405e,0 15px 1px 6px rgba(0,0,0,.3);color:#fff!important;cursor:pointer;font-family:Carter One,sans-serif;font-size:15px;letter-spacing:.1em;line-height:1.5em;margin:15px 15px 30px;outline:none!important;padding:8px 15px 10px;position:relative;text-decoration:none!important;text-shadow:2px 2px 1px #0066a2,-2px 2px 1px #0066a2,2px -2px 1px #0066a2,-2px -2px 1px #0066a2,0 2px 1px #0066a2,0 -2px 1px #0066a2,0 4px 1px #004a87,2px 4px 1px #004a87,-2px 4px 1px #004a87;top:0}.game-button:hover{box-shadow:0 4px 0 #266b91,0 6px 1px 1px rgba(0,0,0,.3),0 8px 0 5px #12517d,0 10px 0 5px #1a6b9a,0 13px 0 5px #0c405e,0 13px 1px 6px rgba(0,0,0,.3);top:2px}.game-button:before{right:13%;width:40%}.game-button:after,.game-button:before{background:#fff;border-radius:99px;content:"";height:10%;position:absolute;top:-3%}.game-button:after{right:5%;width:5%}.game-button.orange{background:repeating-linear-gradient(45deg,#ffc800,#ffc800 5px,#ffc200 0,#ffc200 10px);border-bottom:3px solid rgba(205,102,0,.5);box-shadow:0 6px 0 #b76113,0 8px 1px 1px rgba(0,0,0,.3),0 10px 0 5px #75421f,0 12px 0 5px #8a542b,0 15px 0 5px #593116,0 15px 1px 6px rgba(0,0,0,.3);text-shadow:2px 2px 1px #e78700,-2px 2px 1px #e78700,2px -2px 1px #e78700,-2px -2px 1px #e78700,0 2px 1px #e78700,0 -2px 1px #e78700,0 4px 1px #c96100,2px 4px 1px #c96100,-2px 4px 1px #c96100}.game-button.orange:hover{box-shadow:0 4px 0 #b76113,0 6px 1px 1px rgba(0,0,0,.3),0 8px 0 5px #75421f,0 10px 0 5px #8a542b,0 13px 0 5px #593116,0 13px 1px 6px rgba(0,0,0,.3);top:2px}.game-button.red{background:repeating-linear-gradient(45deg,#ff4f4c,#ff4f4c 5px,#ff4643 0,#ff4643 10px);border-bottom:3px solid rgba(160,25,23,.5);box-shadow:0 6px 0 #ae2725,0 8px 1px 1px rgba(0,0,0,.3),0 10px 0 5px #831614,0 12px 0 5px #a33634,0 15px 0 5px #631716,0 15px 1px 6px rgba(0,0,0,.3);text-shadow:2px 2px 1px #d72d21,-2px 2px 1px #d72d21,2px -2px 1px #d72d21,-2px -2px 1px #d72d21,0 2px 1px #d72d21,0 -2px 1px #d72d21,0 4px 1px #930704,2px 4px 1px #930704,-2px 4px 1px #930704}.game-button.red:hover{box-shadow:0 4px 0 #ae2725,0 6px 1px 1px rgba(0,0,0,.3),0 8px 0 5px #831614,0 10px 0 5px #a33634,0 13px 0 5px #631716,0 13px 1px 6px rgba(0,0,0,.3);top:2px}.game-button.green{background:repeating-linear-gradient(45deg,#54d440,#54d440 5px,#52cc3f 0,#52cc3f 10px);border-bottom:3px solid rgba(40,117,29,.5);box-shadow:0 6px 0 #348628,0 8px 1px 1px rgba(0,0,0,.3),0 10px 0 5px #2a6d20,0 12px 0 5px #39822e,0 15px 0 5px #1d4c16,0 15px 1px 6px rgba(0,0,0,.3);text-shadow:2px 2px 1px #348628,-2px 2px 1px #348628,2px -2px 1px #348628,-2px -2px 1px #348628,0 2px 1px #348628,0 -2px 1px #348628,0 4px 1px #1d4c16,2px 4px 1px #1d4c16,-2px 4px 1px #1d4c16}.game-button.green:hover{box-shadow:0 4px 0 #348628,0 6px 1px 1px rgba(0,0,0,.3),0 8px 0 5px #2a6d20,0 10px 0 5px #39822e,0 13px 0 5px #1d4c16,0 13px 1px 6px rgba(0,0,0,.3);top:2px}.loader,.loader:after,.loader:before{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s ease-in-out infinite;animation:load7 1.8s ease-in-out infinite;border-radius:50%;height:2.5em;width:2.5em}.loader{-webkit-animation-delay:-.16s;animation-delay:-.16s;color:#fff;font-size:5px;margin:0 50px;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0)}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{-webkit-animation-delay:-.32s;animation-delay:-.32s;left:-3.5em}.loader:after{left:3.5em}@-webkit-keyframes load7{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes load7{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.chat-box{background:#fff;border-radius:5px 5px 0 0;bottom:0;position:absolute;width:355px;z-index:100}.chat-box-player1{right:20px}.chat-box-player2{left:20px}.chat-head{background:#2c3e50;border-radius:5px 5px 0 0;height:45px;width:inherit}.chat-head h2{color:#fff;display:inline-block;padding-top:5px}.chat-head span{cursor:pointer;float:right;margin:10px;width:25px}.chat-body{display:none;height:205px;margin-bottom:45px;overflow:hidden auto;width:inherit}.chat-text{bottom:0;height:45px;position:fixed;width:inherit}.chat-text input{border:1px solid #bdc3c7;box-sizing:border-box;height:inherit;outline:none;padding:10px;resize:none;width:inherit}.chat-text input:active,.chat-text input:focus,.chat-text input:hover{border-color:#4169e1}.msg-send{background:#406a4b}.msg-receive{background:#595080}.msg-receive,.msg-send{border-radius:3px;color:#fff;height:35px;line-height:30px;margin:5px auto;padding:5px 5px 5px 10px;position:relative;width:285px}.msg-receive:before{border:15px solid transparent;border-right-color:#595080;left:-29px}.msg-receive:before,.msg-send:after{content:"";height:0;position:absolute;top:7px;width:0}.msg-send:after{border:15px solid transparent;border-left-color:#406a4b;right:-29px}.msg-receive:hover,.msg-send:hover{opacity:.9}@media only screen and (max-width:480px){.homepage-form{align-items:center;flex-direction:column}.topInfo{flex-direction:column;height:auto}.topInfoText{margin-top:51px}.topInfo>h1,.topInfoText{font-size:18px}.topInfo>img{width:40px}.material-icons{font-size:16px}.game-button{font-size:10px;padding:2px 9px 6px}.playerDeckText{font-size:18px}.player1Deck{flex-wrap:wrap}.Card{width:2rem}.chat-box{left:0;right:0;width:auto}.chat-text{position:static;width:100%}}
/*# sourceMappingURL=main.413895bb.css.map*/