.chat{list-style:none;margin:0;padding:0;max-height:100%;width:100%}.chat li{margin-bottom:10px;overflow-wrap:break-word;width:100%}.chat .chat-avatar{padding:.5rem;cursor:pointer}@media screen and (orientation:portrait){.chat .chat-body{max-width:80%}.card-body{padding:.5rem!important}.card .input-group{border-radius:12px;background-color:var(--bg2);color:#fff;border:1px solid #6c9476}.chat-input{padding:.25rem}.chat-input #message{padding:.4rem}.card-container{height:100vh}.card{border-radius:0!important;height:100%}.card.split{height:48%;margin:1%}}@media screen and (orientation:landscape){.chat .chat-body{max-width:75%}.chat-input{padding:.75rem 1.25rem}.card-container{height:calc(100vh - 9.5rem)}.card{height:100%}.card.split{height:48%;margin:1%}}.chat li.left .chat-body .chat-text{background-color:#fff;border:1px solid #000}.chat li.right .chat-body .chat-text{background-color:#f1f0f0;color:#000;border:1px solid #000}.chat li .chat-body .chat-text{padding:20px 35px;border-radius:4px}.chat li .chat-body .chat-nickname{font-size:.6rem;color:#b0c4de;padding-left:6px}.card-body{overflow-y:scroll}.chat li.left+li.left,.chat li.right+li.right{margin-top:-6px}.chat-end{margin-bottom:25px}.bolletje{height:2rem;width:2rem;border-radius:50%;border:.1rem solid #5f9ea0;background-color:#add8e6;margin:.5rem}.loader1{animation:load1 1s infinite}.loader2{animation:load2 1s infinite}.loader3{animation:load3 1s infinite}@keyframes load1{0%{opacity:0}20%{opacity:0}25%{opacity:1}}@keyframes load2{0%{opacity:0}45%{opacity:0}50%{opacity:1}}@keyframes load3{0%{opacity:0}70%{opacity:0}75%{opacity:1}}.animated{animation-duration:1s;animation-fill-mode:both;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@keyframes bounce{0%,to{transform:translateX(0)}50%{transform:translateX(-20px)}}.bounce{animation-name:bounce}iframe{border:none}@media only screen and (max-width:600px){iframe{width:100%;height:auto}}.left-block{background-color:var(--primary-color);border:1px solid #000}@media screen and (min-width:400px){.left-block{position:fixed;height:100%;display:flex;justify-content:flex-end;flex-flow:column wrap}}.btn-header{font-family:Russo One;font-size:28px;color:#fff!important;-webkit-text-stroke:1px #000;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;border:1px solid #000;box-sizing:border-box;cursor:pointer;text-decoration:none}@media screen and (max-width:400px){.btn-header{font-size:1.2rem}}.btn-header.white:not(:hover){color:#fff!important}.btn-header.active,.btn-header:hover{font-weight:400!important;color:#000!important;-webkit-text-stroke:0;background-color:var(--mauve-color)}.btn-simple{font-family:var(--button-font-family);transition-property:background-color,box-shadow;transition-duration:.5s;text-decoration:none;cursor:pointer}a.btn-simple{position:relative}a.btn-simple.hover-arrow:hover:before{content:url(/assets/svg/arrow.svg);display:inline-block;position:absolute;left:-26px;top:-5px;transform:scale(1.5)}.astronaut-display{@media screen and (max-height:700px) and (orientation:landscape){display:none}}