@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400&display=swap);@import url(http://fonts.googleapis.com/css?family=Monteserrat:600&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Login{min-height:950px}h1{font-size:40px;text-align:center}#login-button{align-items:center;background-color:#000;border:2px solid hsla(0,0%,100%,.8);border-radius:10px;box-shadow:inset 0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:50px;margin-top:30px;transition:1s cubic-bezier(.075,.82,.165,1);width:350px}#login-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.form-control{align-items:center;display:flex;flex-direction:column}.input-control{border:none;border-bottom:2px solid #ababab;height:50px;margin:20px 0;outline:none;padding:5px 10px;width:300px}.input-control:focus{border-bottom:2px solid #000}h4{color:grey}a{color:#000}.pokemon{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background:linear-gradient(180deg,#fe0001 50%,#fff 0);border:8px solid #000;border-radius:50%;height:100px;margin-left:30px;position:relative;width:100px}.pokemon:before{background:#000;height:8px;-webkit-transform:translatey(-50%);transform:translatey(-50%);width:100px}.pokemon:after,.pokemon:before{content:"";position:absolute;top:50px}.pokemon:after{background:#fff;border-radius:50%;box-shadow:inset 0 0 0 8px #000,inset 0 0 0 10px #fff,inset 0 0 0 12px #000;height:38px;left:50px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:38px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading{display:flex;font-family:Roboto,sans-serif;font-size:90px;font-weight:100;letter-spacing:20px;margin-left:35%;margin-top:15%}.words{padding-top:15px}.create-room{margin-left:2.5%}.create-input{border:none;border-bottom:2px solid #ababab;border-radius:15px;font-size:18px;height:50px;margin-right:20px;outline:none;padding:5px 10px;width:20%}.available,.room-list{margin-left:10%}.available{margin-top:3%}.list-style{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:30px;box-shadow:0 4px 30px rgba(0,0,0,.1);font-size:25px;font-weight:700;height:90px;list-style:none;margin-bottom:50px;margin-top:59px;padding-left:10%;padding-top:35px;transition:all .2s ease-in-out;width:20%}.list-style:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.create-button{background-color:#000;border-radius:10px;box-shadow:inset 0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:50px;transition:1s cubic-bezier(.075,.82,.165,1);width:150px}.create-button:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.navbar{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);height:45px;margin-top:5px;position:absolute;right:10px;width:350px;z-index:1}.nav-elements{margin-right:30px}.nav-elements ul{display:flex;justify-content:space-between;list-style-type:none}.nav-elements li:hover{backdrop-filter:blur(7.7px);-webkit-backdrop-filter:blur(7.7px);background:hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.3);border-radius:15px;box-shadow:0 4px 30px rgba(0,0,0,.1)}.ring-container{margin-top:6.5px;position:absolute}.circle{background-color:#62bd19;border-radius:50%;height:8px;position:absolute;width:8px}.friends-container{background:hsla(0,0%,100%,.795);border:solid #acf8e8;border-radius:12px;bottom:0;margin-right:10px;max-height:50vh;padding:5px;position:absolute;right:0;width:11%;z-index:1}.add-friend,.myself{display:flex}.myself{margin-bottom:2px;margin-right:10px;margin-top:10px}.myself-name{font-weight:bolder;margin-top:2.5px}.user-icon{margin:5px 6px 0 25px}.icon{margin:5px 6px 0 15px}.add-friend input{margin-bottom:5px;margin-top:5px;width:100%}.add-friend button{display:flex;height:22.5px;margin-top:3.5px;padding-top:1px}.add-friend button :hover{opacity:1}.friends-container ul{list-style-type:none;margin-left:-5px;overflow-y:auto}.friends-container li{display:flex}.friends-container li :hover{background-color:#ddd}.divider{border:none;border-bottom:2px solid #383838;margin-left:10px;margin-top:6px;width:90%}.friends-container ::-webkit-scrollbar{width:8px}.friends-container ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}.friends-container ::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.friends-container ::-webkit-scrollbar-thumb:hover{background:#555}.online-username{font-weight:700}.online-room{background-color:#7fffd4;border:1px solid #15ffb1;border-radius:10px;font-size:15px;margin-bottom:5px;margin-left:10px;padding:2px}#chat-friend{background-color:initial;display:flex;justify-content:space-between;margin-bottom:10px;max-height:35vh;position:relative;width:99vw}#render-message{max-height:30vh;overflow:auto;width:27vw}#render-message ul{margin-bottom:40px}.chat-box{display:flex;flex-direction:column;justify-content:space-around;max-height:28vh;max-width:25vw}.chat-box ::-webkit-scrollbar{width:8px}.chat-box ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}.chat-box ::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.chat-box ::-webkit-scrollbar-thumb:hover{background:#555}.message-box{bottom:0;display:flex;opacity:.85;position:absolute;width:25vw}.message-box input{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.671);border:0;border-radius:8px;height:30px;margin-left:35px;width:100%}.message-box input :active{border:0;border-color:transparent;border-radius:0}.message-box button{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(5px);background:#fff;border:0;border-radius:5px;font-weight:700;margin-left:5px}.friendlist{margin-right:50px;position:relative}.player_container{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);color:#dadada;display:flex;flex-direction:column;height:70px;justify-content:space-between;padding:10px;width:200px}.player_container>*{color:#000;padding:-10px}.player_container .title{font-size:12px}.player_container .navigation{width:100%}.player_container .navigation .navigation_wrapper{background-color:hsla(0,0%,58%,.781);border-radius:30px;cursor:pointer;height:5px;min-width:100%}.player_container .navigation .navigation_wrapper .seek_bar{background-color:#000;border-radius:30px;height:100%;width:0}.player_container .controls{align-items:center;display:flex;font-size:inherit}.player_container .controls .btn_action{cursor:pointer;font-size:20px;margin:0 1rem}.player_container .controls .btn_action:hover{color:#a7a7a7}.player_container .controls .main{font-size:30px}.music-app{margin-right:27px;margin-top:5px;right:0;top:50px}.game-container,.music-app{position:absolute;z-index:1}.game-container{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(5px);background:rgba(239,173,255,.938);border:solid #ac46ff;border-radius:16px;border-radius:12px;box-shadow:0 4px 30px rgba(0,0,0,.1);height:30%;left:28%;padding:5px;top:35%;width:45%}.game-menu{font-size:20px;font-weight:700;margin-left:30px;margin-top:20px;padding-left:42%}.games-list{display:flex;justify-content:space-around;padding-left:-5px}.games-list p{font-weight:700;padding-left:30px}.games{cursor:pointer;list-style:none}.games-images{border-radius:15px;height:150px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:150px}.games-images:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.ar-container{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(5px);background:#fff;border:solid #ffd30f;border-radius:16px;border-radius:12px;box-shadow:0 4px 30px rgba(0,0,0,.1);height:40%;left:34%;padding:5px;position:absolute;top:25%;width:35%;z-index:1}.ar-message{font-size:20px;font-weight:700;margin-left:30px;margin-top:2px}#ar-select{background-color:#eee;border:1px solid #999;border-radius:5px;color:#1c87c9;font-size:15px;height:30px;margin-left:25px;width:220px}.ar-title{display:flex;font-family:Roboto,sans-serif;margin-top:40px}.ar-img{display:flex;margin-left:20px}.ar-list{font-family:Roboto,sans-serif;font-weight:600;margin-right:20px;margin-top:40px}.ar-list li{margin-top:8px}.settings-container{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.795);border:solid red;border-radius:16px;border-radius:12px;box-shadow:0 4px 30px rgba(0,0,0,.1);height:20%;left:40%;padding:5px;position:absolute;top:35%;width:20%;z-index:1}.logout-button{align-items:center;background-color:#ff5f5f;border:2px solid hsla(0,0%,100%,.8);border-radius:10px;box-shadow:inset 0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:5vh;margin-left:95px;margin-top:30px;transition:1s cubic-bezier(.075,.82,.165,1);width:10vw}.logout-message{font-size:20px;font-weight:700;margin-left:30px;margin-top:40px}.volume-div{background-color:#fff;border-radius:16px;position:absolute;right:15%;top:10%;width:10px;z-index:1}.volume-div input{-webkit-appearance:slider-vertical;height:175px;padding:0 5px}.app{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);margin-left:33%;margin-top:3%;padding:40px;width:730px}.app,.game{display:flex}.game{flex-wrap:wrap;height:560px;width:560px;z-index:1}.game img{height:70px;width:70px}.score-board{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:red;background:rgba(152,107,252,.7);border:3px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:0 4px 30px rgba(0,0,0,.1);color:#fff;font-family:Courier New,Courier,monospace;font-size:18px;height:50px;margin-left:80px;padding-bottom:15px;padding-left:15px;padding-right:10px;width:40px}.memory-body{height:100vh;margin:40px auto;max-width:860px;width:100vw}.turn{color:#ffd740}.card-grid{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:40px}.box{display:flex}.box .inner{font-family:sans-serif;font-size:4em;font-weight:700;height:200px;line-height:200px;overflow:hidden;white-space:nowrap;width:400px}.box .inner:first-child{background-color:rgba(255,215,64,.693);color:#2a1ada;-webkit-transform:perspective(100px) rotateY(-15deg);transform:perspective(100px) rotateY(-15deg);-webkit-transform-origin:right;transform-origin:right}.box .inner:last-child{background-color:#b40f0f;color:#ffd740;-webkit-transform:perspective(100px) rotateY(15deg);transform:perspective(100px) rotateY(15deg);-webkit-transform-origin:left;transform-origin:left}.box .inner span{-webkit-animation:marquee 5s linear infinite;animation:marquee 5s linear infinite;position:absolute}.box .inner:first-child span{-webkit-animation-delay:2.5s;animation-delay:2.5s;left:-100%}@-webkit-keyframes marquee{0%{left:100%}to{left:-100%}}@keyframes marquee{0%{left:100%}to{left:-100%}}.pushable{background-color:#fc5c7d;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1.5rem;overflow:hidden;padding:20px;position:relative;transition:background-color .2s}.pushable span{position:relative;z-index:1}.pushable:before{background-image:url(https://cdn3.iconfinder.com/data/icons/navigation-and-menus-2/32/menu-512.png);background-position:50%;background-repeat:no-repeat;background-size:50%;content:"";height:100%;left:0;position:absolute;top:0;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:100%}.pushable:hover:before{-webkit-transform:scale(1.2);transform:scale(1.2)}.play-pause,.stop{background-color:#fc5c7d;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1.5rem;padding:10px;transition:background-color .2s}.play-pause:hover,.stop:hover{background-color:#fd8c9a}.play-pause.pause{background-color:#6c5ce7}.play-pause.pause:hover{background-color:#8b7de1}.stop{margin-left:10px}.stop:hover{background-color:#ff5e57}.card{position:relative}.card img{border:2px solid #000;border-radius:6px;box-shadow:5px 5px 5px 5px #000;display:block;width:100%}.card .front{position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .2s ease-in}.flipped .front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition-delay:.2s}.card .back{transition:all .2s ease-in;transition-delay:.2s}.flipped .back{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition-delay:0s}
/*# sourceMappingURL=main.30eaa96d.css.map*/