*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:'source-code-pro', monospace;font-size:24px;line-height:1.4;background-color:#af4b6e;background-image:url(/images/bg.png);background-size:cover;background-attachment:fixed;color:white;font-weight:300}.home{max-width:800px;margin:0 auto;padding:40px}#logo{opacity:0;transition:opacity 1s ease-in-out}#logo.logo--visible{opacity:1}.app{position:relative;z-index:1}h1{margin-bottom:1.25em}h1 span{display:none}.action{opacity:0;margin:3em 0 2em 0;transition:opacity 0.5s ease-in-out}.action--appear{opacity:1}.button{display:inline-block;color:white;text-decoration:none;letter-spacing:1px;text-transform:uppercase;padding:0.5em 1em;margin-right:1em;margin-bottom:1em;border:2px solid rgba(255,255,255,0.5);border-radius:5px;white-space:nowrap;transition:all 0.5s ease-in-out}.button:hover{background-color:white;color:#af4b6e;border-color:rgba(255,255,255,0.5)}.bg{position:fixed;z-index:0;top:0;left:0;right:0;bottom:0;transition:opacity 2s ease-in-out}.bg canvas{width:100vw;height:100vh}.animated-text{display:block;margin:0 0 2ex 0}.animated-text--big{font-size:1.5em}.animated-text__word{display:inline-block;white-space:nowrap;margin-right:1.3ex}.animated-text__word__letter{display:inline-block;width:1.3ex;visibility:hidden;text-align:center}.animated-text__word__letter--visible{visibility:visible}.animated-text__word__letter--current{background-color:white}@media only screen and (max-width: 767px){body{font-size:18px}h1{height:20px}#logo{transform:scale(0.5);margin-left:-95px;margin-top:-50px}}.receptionist{position:fixed;bottom:0;right:40px;z-index:1;width:400px;height:600px;max-width:100%;max-height:calc(100vh - 40px);overflow:hidden;margin:0 auto;font-size:13px;background-color:rgba(0,0,92,0.66);box-shadow:0 0 10px rgba(0,0,0,0.25);border-radius:10px 10px 0 0}.receptionist.animation-appear{transform:translateY(100vh)}.receptionist.animation-appear.animation-appear-active{transform:translateY(0);transition:transform 0.5s cubic-bezier(0.8, -0.4, 0.2, 1.3)}.receptionist__conversation{position:absolute;top:0;left:0;right:0;bottom:42px;margin:0;padding:calc(100% + 120px) 0 10px 0;list-style-type:none;overflow-x:auto}.receptionist__message{display:block;overflow:hidden;padding:0;margin:0 0 10px 0}.receptionist__message a{color:#FFF;font-weight:500}.receptionist__message__bubble{display:block;position:relative;clear:both;padding:10px 15px;margin-left:20px;margin-right:20px;border-radius:10px;word-break:break-word}.receptionist__message__bubble:before{content:'';position:absolute;top:15px;border:5px solid transparent}.receptionist__message__bubble--client{float:right;margin-top:10px;margin-bottom:10px;margin-left:40px;font-weight:500;color:rgba(0,0,0,0.8);background-color:rgba(255,255,255,0.9)}.receptionist__message__bubble--client:before{border-left-color:rgba(255,255,255,0.9);right:-10px}.receptionist__message__bubble--client.animation-appear{transform:translateX(100vw)}.receptionist__message__bubble--remote{float:left;margin-right:40px;color:rgba(255,255,255,0.9);background-color:rgba(0,0,0,0.7)}.receptionist__message__bubble--remote:before{border-right-color:rgba(0,0,0,0.7);left:-10px}.receptionist__message__bubble--remote.animation-appear{transform:translateX(-100vw)}.receptionist__message__bubble.animation-appear.animation-appear-active{transform:translateX(0);transition:transform .25s ease-in-out}.receptionist__cards{display:flex;justify-content:flex-start;overflow-y:auto;overflow-x:visible;padding:10px 20px;margin:0;list-style-type:none}.receptionist__card{border-radius:5px;padding:10px 15px;margin-right:10px;min-width:140px;color:#000;font-weight:500;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.25);background-color:#FFF;background-size:cover;background-position:50% 50%}.receptionist__card.animation-appear{transform:translateX(100vw)}.receptionist__card.animation-appear.animation-appear-active{transform:translateX(0);transition:transform .25s ease-in-out}.receptionist__card__image{display:block;border-radius:5px 5px 0 0;margin:-10px -15px 10px;height:90px;background-position:50% 50%;background-size:cover}.receptionist__form{position:absolute;left:0;right:0;bottom:0;height:42px;background-color:white;box-shadow:0 -2px 4px rgba(0,0,0,0.25)}.receptionist__form__wrapper{position:absolute;left:0;right:0;bottom:0;height:42px}.receptionist__form--thinking{background-image:url(/images/thinking.gif);background-repeat:no-repeat;background-position:8px 50%}.receptionist__form--thinking .receptionist__form__wrapper{left:15px}.receptionist__form__input{display:block;width:100%;font-family:'source-code-pro', monospace;font-size:14px;padding:10px 15px;border-width:0;background-color:transparent;color:#000}.receptionist__form__input:focus{outline:none}.receptionist__form__button{visibility:hidden}@media only screen and (max-height: 640px){.receptionist__conversation{padding-top:calc(100vh - 110px)}}@media only screen and (max-width: 480px){body.has-receptionist{background:white}.receptionist{position:fixed;width:auto;height:auto;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;border-radius:0;background-color:#00005c;box-shadow:none}.receptionist__conversation__wrapper{background-color:transparent}.receptionist__form{position:fixed}}