@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap";@import"https://fonts.googleapis.com/css2?family=Bagel+Fat+One&display=swap";body,html{margin:0;padding:0;overflow-x:hidden}body,body *{font-family:Source Sans Pro,sans-serif!important}::-webkit-scrollbar{width:8px;opacity:70%}::-webkit-scrollbar-track{border-radius:10px;background:rgba(0,0,0,.2)}::-webkit-scrollbar-thumb{border-radius:10px;background:hsla(0,0%,100%,.2);opacity:50%}body{background-color:#282c34;color:#fff;text-align:center;height:auto;overflow-y:auto}body main{align-items:center;justify-content:center;width:100vw;margin:0 0 10px;display:flex;flex-direction:column}body .logo{height:10vh;width:auto;margin-bottom:2%}@media(prefers-reduced-motion:no-preference){body .logo{animation:logo-spin 20s linear infinite}}body h1,body h2,body h3{margin:1%}body a{color:#5f9ea0}body input{width:400px}body .chat{height:62vh;overflow-y:auto;width:50vw;padding:1%}@media only screen and (min-device-width:320px)and (max-device-width:480px){body .chat{width:90vw;height:67vh}}body .chat .bubble{border-radius:15px;padding:10px;max-width:70%;display:inline-block;clear:both;margin-bottom:10px;position:relative}body .chat ul{list-style-type:none;display:flex;flex-direction:column;padding:2%}body .chat ul li.user{align-self:flex-end;text-align:right;color:#fff;background-color:#007aff}body .chat ul li.chatbot{align-self:flex-start;text-align:left;color:#000;background-color:#d3d3d3}body .chat .pending-icon{align-self:flex-start}body .note{font-style:italic;font-size:.8em}body .game h3,body .game h4,body .game p{margin:0}body .game h4{margin-top:1%;margin-bottom:.2%}a.nav-link{color:#d3d3d3;text-decoration:none;margin-right:14%}a.nav-link.active,a.nav-link:hover{color:#fff!important}