body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#app-main-wrapper{justify-content:space-around;min-height:100vh}#app-main-wrapper,#main-wrapper{align-items:center;display:flex;flex-direction:column}#main-wrapper{background-color:rgba(0,255,0,.164);box-shadow:0 0 100px #006400;height:100vh;width:900px}body{margin:0;padding:0}#status-displayer{border-radius:8px;display:flex;flex-direction:row;justify-content:space-around;margin-bottom:50px;padding:5px;width:80%}#firstLoadPopUp{background-color:#000;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:99}#firstLoadPopUp,#firstLoadPopUp-center{align-items:center;display:flex;flex-direction:column}#firstLoadPopUp-center{height:80vh;justify-content:space-around;width:50%}#firstLoadPopUp-center>p{color:#90ee90;font-size:26px;padding-left:10px;padding-right:10px}#firstLoadPopUp-center>button{background-color:#000;border:2px solid #006400;color:#90ee90;cursor:pointer;font-size:26px;padding:10px}@media (max-width:600px){#firstLoadPopUp-center{height:90vh;width:90%}}.status-text{font-size:22px}::-webkit-scrollbar{background:#90ee90}::-webkit-scrollbar-thumb{background:#006400}#room-creation-form{display:flex;flex-direction:column;justify-content:space-around;width:80%}img,p{margin:0;padding:0}img{border:none}label{font-size:28px;margin-bottom:10px}h1,label{color:#90ee90}h1{font-size:calc(.75vh + .75vw)}input{box-sizing:border-box;width:100%}a{text-decoration:none}.home-link{background-color:rgba(0,0,0,.8);border:2px solid #006400;border-radius:10px;box-shadow:0 0 20px #006400;height:20vh;margin-top:4vh;position:relative;width:80%}@media (max-width:600px){.home-link{width:100%}}.home-buttons{align-items:center;background-color:initial;border:none;display:flex;height:100%;justify-content:center;width:100%}.home-buttons>p{color:#90ee90;font-size:calc(2vh + 2vw)}.title{margin-top:30px}#howto1,#howto2,#howto3,#howto4,#howto5,#howto6,#title1,#title2,#title3,#title4,#title5,#title6{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:text-appear;animation-name:text-appear;opacity:0}#title1{-webkit-animation-delay:.2s;animation-delay:.2s}#title2{-webkit-animation-delay:1s;animation-delay:1s}#title3{-webkit-animation-delay:1.5s;animation-delay:1.5s}#title4{-webkit-animation-delay:2s;animation-delay:2s}#title5{-webkit-animation-delay:2.5s;animation-delay:2.5s}#title6{-webkit-animation-delay:3s;animation-delay:3s}#howto1{-webkit-animation-delay:0s;animation-delay:0s}#howto2{-webkit-animation-delay:1.5s;animation-delay:1.5s}#howto3{-webkit-animation-delay:3s;animation-delay:3s}#howto4{-webkit-animation-delay:4.5s;animation-delay:4.5s}#howto5{-webkit-animation-delay:6s;animation-delay:6s}#howto6{-webkit-animation-delay:7.5s;animation-delay:7.5s}@-webkit-keyframes text-appear{0%{opacity:0}to{opacity:1}}@keyframes text-appear{0%{opacity:0}to{opacity:1}}.create-wrapper{background-color:rgba(0,0,0,.8);border:2px solid #006400;border-radius:10px;box-shadow:0 0 20px #006400;margin-bottom:4vh;margin-top:4vh;position:relative}#room-access-select,.create-wrapper{align-items:center;display:flex;flex-direction:column}.creation-form{display:flex;flex-direction:column;width:100%}.button-group{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:40px;margin-top:30px;width:80%}.button-group>button,.styled-button{font-size:28px}#nickName,#password,#roomName,#search,.button-group>button,.styled-button{background-color:initial;border:2px solid #006400;border-radius:10px;box-shadow:0 0 20px #006400;color:#90ee90}#nickName,#password,#roomName,#search{font-size:24px;margin-bottom:30px}#create-room-btn{background-color:initial;border:2px solid #006400;border-radius:8px;box-shadow:0 0 20px #006400;color:#90ee90;font-size:28px;margin:10px auto 30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.howto>p{color:#90ee90;font-size:calc(.75vh + .75vw);line-height:4vh;padding-left:2vw;padding-right:2vw;padding-top:3vh}.howto{background-color:rgba(0,0,0,.8);border:2px solid #006400;border-radius:10px;box-shadow:0 0 20px #006400;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:100px;margin-top:40px;width:80%}@media (max-width:600px){.howto{width:100%}}.back-enter{display:flex;flex-direction:row;justify-content:space-around;width:100%}#join-wrapper{align-items:center;background-color:rgba(0,0,0,.8);border:2px solid #006400;border-radius:10px;box-shadow:0 0 20px #006400;display:flex;flex-direction:column;height:700px;margin-bottom:4vh;margin-top:4vh;position:relative;width:80%}@media (max-width:600px){#join-wrapper{height:60vh;width:100%}}#msg-displayer{height:550px;margin-top:5px;max-height:55vh;overflow:auto;overflow-x:hidden;scrollbar-color:#006400 #90ee90;scrollbar-width:thin;width:100%}.confirm-text{color:#90ee90;font-size:52px;margin-bottom:3vh}.msg-anim-enter{opacity:0;-webkit-transform:scale(0);transform:scale(0)}.msg-anim-enter-active{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:opacity .4s ease-in,-webkit-transform .2s ease-in;transition:opacity .4s ease-in,transform .2s ease-in;transition:opacity .4s ease-in,transform .2s ease-in,-webkit-transform .2s ease-in}#room-title{color:#90ee90;font-size:26px;margin:.5% 0 .5;padding:0}#room-function-selector{display:flex;height:30px;justify-content:space-around;margin-bottom:.5;margin-top:10px;width:100%}#message-sender{font-size:16px}#message-content{font-size:20px}#typing-div{display:flex;flex-direction:row;height:80px;margin-bottom:20px;margin-top:5px;position:relative}#typing{font-size:20px}#send-btn{width:20%}#footer{background-color:#000;height:80px;width:100%}@media (max-width:1000px){#main-wrapper{width:90%}.status-text{font-size:16px}label{font-size:24px}h1,label{color:#90ee90}h1{font-size:calc(.75vh + .75vw)}.home-buttons>p{color:#90ee90;font-size:calc(2vh + 2vw)}#create-room-btn{font-size:22px}#nickName,#password,#roomName,#search,.button-group>button,.styled-button{background-color:initial;border:2px solid #006400;border-radius:10px;box-shadow:0 0 20px #006400;color:#90ee90;font-size:20px}.howto>p{color:#90ee90;font-size:calc(.75vh + .75vw);line-height:4vh;padding-left:2vw;padding-right:2vw;padding-top:3vh}}@media (max-width:600px){#main-wrapper{width:95%}.status-text{font-size:14px}label{font-size:20px}h1,label{color:#90ee90}h1{font-size:calc(.75vh + .75vw)}.home-buttons>p{color:#90ee90;font-size:calc(2vh + 2vw)}#nickName,#password,#roomName,#search,.button-group>button,.styled-button{background-color:initial;border:2px solid #006400;border-radius:10px;box-shadow:0 0 20px #006400;color:#90ee90;font-size:16px}#create-room-btn{font-size:18px}#room-title{font-size:20px}#typing-div{height:50px}#msg-displayer{height:450px;max-height:45vh}.howto>p{color:#90ee90;font-size:14px;line-height:3vh;padding-left:2vw;padding-right:2vw;padding-top:14px}}
/*# sourceMappingURL=main.3d7de86f.css.map*/