:root{--dark:#1d252a;--light:#fff;--accent:#fe6e2f;--accent-lighten:rgba(254,110,47,.5);--secondary:#7591b8;--secondary-lighten:rgba(117,145,184,.1);--grey:#666e74;--grey-lighten:hsla(0,0%,80%,.3);font-family:Rubik,sans-serif}body{background-color:#1d252a;background-color:var(--dark);color:#fff;color:var(--light)}.loader{-webkit-animation:roll 1s ease-in-out infinite alternate;animation:roll 1s ease-in-out infinite alternate;background:#fff;border-radius:50%;height:48px;position:relative;width:48px}.loader:after{border-color:#ff3d00 transparent;border-radius:50%;border-style:solid;border-width:5px;content:"";inset:5px;position:absolute}@-webkit-keyframes roll{0%{-webkit-transform:translateX(-150%) rotate(0deg);transform:translateX(-150%) rotate(0deg)}to{-webkit-transform:translateX(150%) rotate(1turn);transform:translateX(150%) rotate(1turn)}}@keyframes roll{0%{-webkit-transform:translateX(-150%) rotate(0deg);transform:translateX(-150%) rotate(0deg)}to{-webkit-transform:translateX(150%) rotate(1turn);transform:translateX(150%) rotate(1turn)}}.landing-title{cursor:default;font-family:Kdam Thmor Pro,sans-serif;font-size:4rem;letter-spacing:.2em;margin:10px auto;position:relative;text-transform:uppercase;-webkit-user-select:none;user-select:none}.landing-orange{color:var(--accent)}.landing-blue{color:var(--secondary)}.landing-title:after{color:var(--secondary-lighten);content:"io";font-size:2em;position:absolute;right:50%;top:0;-webkit-transform:translate(50%,-25%);transform:translate(50%,-25%);z-index:-1}.landing-slogan{color:var(--grey);font-family:Kdam Thmor Pro,sans-serif;text-align:center}.landing-body{display:flex;flex-direction:row}.landing-body div{margin:0 20px;width:50%}.landing-body .placeholder{background-color:#666e74;height:300px}.lds-ellipsis{display:inline-block;height:1em;position:relative;width:80px}.lds-ellipsis div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:#000;border-radius:50%;height:13px;position:absolute;top:33px;width:13px}.lds-ellipsis div:first-child{-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){left:8px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px}.lds-ellipsis div:nth-child(4){-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite;left:56px}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}.button{background-color:var(--accent);border-radius:4px;color:#000;height:20px;width:100px}.navbar{margin:0 auto;max-width:1000px;width:80%}.navbar ul{color:red;display:flex;flex-direction:row;font-family:Kdam Thmor Pro,sans-serif;justify-content:space-around;list-style:none}.navbar a{color:var(--grey);text-decoration:none}.navbar a.active{color:var(--accent)}.navbar a:not(.active,:last-child):hover{color:var(--accent-lighten);text-decoration:none}.navbar a li.create-room{background:var(--accent);border-radius:10px;color:var(--dark);padding:5px 20px;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.navbar a li.create-room:hover{background:var(--secondary)}.App{position:relative;text-align:center}ul.room-list{padding-left:0}ul.room-list li{font-size:1.3rem;font-weight:600;list-style:none;padding:10px 0;text-transform:uppercase}ul.room-list li:nth-child(odd){background-color:var(--grey-lighten)}ul.room-list li:nth-child(2n){background-color:var(--secondary-lighten)}ul.room-list li:not(.no-rooms):hover{background-color:var(--accent);color:var(--dark);cursor:pointer}ul.room-list li.no-rooms{background-color:var(--grey-lighten);color:#a9a9a9}.page-layout{display:flex;flex-direction:column;margin:0 10%}
/*# sourceMappingURL=main.fe72c1f2.css.map*/