@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,.Room,body,html{height:100%}.Room{background-color:#000;display:flex;flex-flow:column-reverse;padding:1rem}.twitch-container{display:flex;width:100%;height:75%}.peers-container{display:flex;justify-content:space-around;height:25%;margin-bottom:1rem}.peer-video{max-width:250px}.twitch,.twitch iframe{width:100%;height:100%}.twitch iframe{border:5px solid #6441a4;border-radius:30px}#my-video{border-color:#fc5185}video{width:100%;height:100%;object-fit:cover;border:5px solid #3fc1c9;border-radius:30px;transform:rotateY(180deg)}@media only screen and (max-width:550px){.App{padding:0;background-color:#000}.twitch-container{height:100vh;border:0;position:absolute;top:0;left:0}.twitch iframe{border:none;border-radius:0}.peers-container{width:100vw;height:72px;position:absolute;top:0;left:1px;z-index:1;margin:0}video{border-width:1px;border-radius:0;width:70px;height:70px}}@media only screen and (orientation:landscape) and (max-width:900px){.App{padding:0;background-color:#000}.twitch-container{height:100vh;border:0;position:absolute;top:0;left:0}.twitch iframe{border:none;border-radius:0}.peers-container{height:100vh;flex-flow:column;position:absolute;top:0;left:1px;z-index:1;margin:0}video{border-width:1px;border-radius:0;width:70px;height:70px}}.Home{display:flex;flex-flow:column;align-items:center;justify-content:space-around;height:100%;background:#020024;background:linear-gradient(90deg,#020024,#6441a4 35%,#00d4ff)}.neon-button{cursor:pointer;position:relative;padding:25px 30px;color:#03e9f4;text-decoration:none;text-transform:uppercase;transition:.5s;letter-spacing:4px;overflow:hidden;font-family:"Raleway",sans-serif;font-weight:700;margin-bottom:3rem}.neon-button:hover{background:#03e9f4;color:#050801;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 200px #03e9f4;-webkit-box-reflect:below 1px linear-gradient(transparent,rgba(0,0,0,.333333))}.neon-button:first-child{-webkit-filter:hue-rotate(270deg);filter:hue-rotate(270deg)}.neon-button:nth-child(2){-webkit-filter:hue-rotate(110deg);filter:hue-rotate(110deg)}.neon-button span{position:absolute;display:block}.neon-button span:first-child{top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#03e9f4);-webkit-animation:animate1 1s linear infinite;animation:animate1 1s linear infinite}.neon-button span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#03e9f4);-webkit-animation:animate2 1s linear infinite;animation:animate2 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}.neon-button span:nth-child(3){bottom:0;right:0;width:100%;height:2px;background:linear-gradient(270deg,transparent,#03e9f4);-webkit-animation:animate3 1s linear infinite;animation:animate3 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.neon-button span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(1turn,transparent,#03e9f4);-webkit-animation:animate4 1s linear infinite;animation:animate4 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s}@-webkit-keyframes animate1{0%{left:-100%}50%,to{left:100%}}@keyframes animate1{0%{left:-100%}50%,to{left:100%}}@-webkit-keyframes animate2{0%{top:-100%}50%,to{top:100%}}@keyframes animate2{0%{top:-100%}50%,to{top:100%}}@-webkit-keyframes animate3{0%{right:-100%}50%,to{right:100%}}@keyframes animate3{0%{right:-100%}50%,to{right:100%}}@-webkit-keyframes animate4{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes animate4{0%{bottom:-100%}50%,to{bottom:100%}}
/*# sourceMappingURL=main.363124ac.chunk.css.map */