@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300&family=Kalam:wght@700&family=Open+Sans:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;color:#e3f5f5;font-family:Open Sans,sans-serif}body{margin:0;padding:0}.app{background-color:#282b37;display:flex}.side-bar{background-color:#202125;border-right:.5px solid #6d017b;box-shadow:10px 0 20px hsla(0,0%,100%,.02),14px 0 16px hsla(0,0%,100%,.02),8px 0 12px hsla(0,0%,100%,.01),4px 0 8px hsla(0,0%,100%,.01);display:flex;flex-direction:column;height:100vh;justify-content:space-between;min-height:0;width:300px}button{background-color:initial;border:.5px solid hsla(0,0%,100%,.5);border-radius:5px;cursor:pointer;margin:15px}button,nav{padding:10px}nav{border-top:.5px solid hsla(0,0%,100%,.5);margin:10px}nav p{text-align:center}.history{height:100%;margin:10px;overflow-x:hidden;overflow-y:auto;padding:10px}.history li{cursor:pointer;list-style-type:none;padding:15px 0}.main{height:100vh;justify-content:space-between;text-align:center}.main,.top-section{align-items:center;display:flex;flex-direction:column;width:100%}.top-section{justify-content:flex-start;min-height:0}.liluAvatar{background-image:url(/static/media/lilu_500x500.e2cba1ee7d2b94817404.jpg);background-repeat:no-repeat;background-size:contain;border-color:rgba(0,0,0,.2) hsla(0,0%,100%,.05) hsla(0,0%,100%,.05) rgba(0,0,0,.2);border-radius:20px;border-style:solid;border-width:1px;box-shadow:5px 10px 10px rgba(0,0,0,.15),-5px -10px 10px hsla(0,0%,100%,.02),7px 1px 7px rgba(0,0,0,.1),-7px -1px 7px hsla(0,0%,100%,.02),-2px 7px 7px rgba(0,0,0,.1),2px -7px 7px hsla(0,0%,100%,.02),2px 3px 3px rgba(0,0,0,.1),-2px -3px 3px hsla(0,0%,100%,.02);height:250px;margin-top:15px;min-height:250px;width:250px}h1{color:#f2d8fa}.feed{border-radius:20px 0 0 20px;flex-shrink:1;margin-bottom:40px;margin-top:20;overflow-x:hidden;overflow-y:auto;padding:0;width:90%}.feed li{display:flex;margin:0;padding:15px;width:100%}.feed li:nth-child(odd){background-color:#383a45;border-left:.5px solid #bf01c2;border-radius:20px 0 0 0;border-top:.5px solid #bf01c2;box-shadow:0 -5px 3px 3px hsla(0,0%,100%,.02),0 -3px 2px 2px hsla(0,0%,100%,.02);margin-top:20px}.feed li:nth-child(2n){background-color:#333540;border-bottom:.5px solid #6632b4;border-left:.5px solid #bf01c2;border-radius:0 0 0 20px;box-shadow:0 5px 3px 3px rgba(0,0,0,.1),0 3px 2px 2px rgba(0,0,0,.1);margin-bottom:20px}.feed p{color:hsla(0,0%,100%,.85);font-size:14px;text-align:left}.feed li:nth-child(2n) p{color:#f2d8fa}.feed p.role{min-width:100px}.bottom-section{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.input-container{max-width:650px;position:relative;width:80%}input{background-color:hsla(0,0%,100%,.05);border-color:rgba(0,0,0,.2) hsla(0,0%,100%,.05) hsla(0,0%,100%,.05) rgba(0,0,0,.2);border-radius:5px;border-style:solid;border-width:1px;box-shadow:0 20px 20px rgba(0,0,0,.05),0 -20px 20px hsla(0,0%,100%,.01),10px 1px 10px rgba(0,0,0,.05),-10px -1px 10px hsla(0,0%,100%,.008),0 15px 15px rgba(0,0,0,.05),0 -15px 15px hsla(0,0%,100%,.01),0 5px 5px rgba(0,0,0,.05),0 -5px 5px hsla(0,0%,100%,.01);font-size:20px;padding:12px 40px 12px 15px;width:100%}input:focus{outline:none}#submit{cursor:pointer;font-size:20px;position:absolute;right:13px;top:13px}.info,.mobileInfo{color:hsla(0,0%,100%,.5);font-size:11px;padding:10px}.mobileInfo{display:none}.spinner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:38px;margin:-25px 0 0 -25px;position:absolute;right:-7px;top:19px;width:38px;z-index:2}.spinner .path{stroke:#f2d8fa;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@media only screen and (min-width:1280px) and (max-width:1919px){.history li,nav p{font-size:.9em}.history li{padding:12px 0}.liluAvatar{background-image:url(/static/media/lilu_200x200.1124acf1f609bdc75368.jpg);height:200px;min-height:200px;width:200px}h1{font-size:18px;margin-bottom:10px;margin-top:10px}.feed{margin-bottom:30px;margin-top:0}.feed li{padding:0 15px}.feed p{font-size:13px}.feed p.role{min-width:80px}input{font-size:16px;padding:10px 40px 10px 15px}#submit{cursor:pointer;font-size:20px;position:absolute;right:13px;top:8px}.spinner{height:32px;margin:-25px 0 0 -25px;right:-7px;top:23px;width:32px}}@media only screen and (min-width:1024px) and (max-width:1279px){.history li,nav p{font-size:.9em}.history li{padding:12px 0}.liluAvatar{background-image:url(/static/media/lilu_200x200.1124acf1f609bdc75368.jpg);height:200px;min-height:200px;width:200px}h1{font-size:18px;margin-bottom:10px;margin-top:10px}.feed{margin-bottom:30px;margin-top:0}.feed li{padding:0 15px}.feed p{font-size:13px}.feed p.role{min-width:80px}input{font-size:16px;padding:10px 40px 10px 15px}#submit{cursor:pointer;font-size:20px;position:absolute;right:13px;top:8px}.spinner{height:32px;margin:-25px 0 0 -25px;right:-7px;top:23px;width:32px}}@media only screen and (min-width:768px) and (max-width:1023px){.side-bar{width:260px}.history li,nav p{font-size:.9em}.history li{padding:12px 0}.liluAvatar{background-image:url(/static/media/lilu_200x200.1124acf1f609bdc75368.jpg);height:200px;min-height:200px;width:200px}h1{font-size:16px;margin-bottom:15px;margin-top:10px}.feed{margin-bottom:30px;margin-top:0}.feed li{padding:0 15px}.feed p{font-size:13px}.feed p.role{min-width:80px}.input-container{max-width:600px;width:70%}input{font-size:16px;padding:10px 40px 10px 15px}#submit{cursor:pointer;font-size:20px;position:absolute;right:13px;top:8px}.spinner{height:32px;margin:-25px 0 0 -25px;right:-7px;top:23px;width:32px}}@media only screen and (max-width:767px){.side-bar{display:none}.liluAvatar{background-image:url(/static/media/lilu_150x150.7a1804535ca224a27663.jpg);height:150px;min-height:150px;width:150px}h1{font-size:14px;margin-bottom:10px;margin-top:10px}.feed{margin-bottom:20px;margin-top:0}.feed li{padding:0 10px 0 15px}.feed p{font-size:13px}.feed p.role{min-width:70px}.input-container{max-width:600px;width:70%}input{font-size:13px;padding:10px 40px 10px 15px}#submit{cursor:pointer;font-size:18px;position:absolute;right:13px;top:8px}.info{margin-bottom:0;padding:10px 10px 0}.mobileInfo{display:block;margin-top:0;padding:0 10px 10px}.spinner{height:32px;margin:-25px 0 0 -25px;right:-9px;top:21px;width:32px}}@media only screen and (max-height:550px){.side-bar{display:none}.liluAvatar{background-image:url(/static/media/lilu_150x150.7a1804535ca224a27663.jpg);height:50px;min-height:50px;width:50px}h1{font-size:12px;margin-bottom:5px;margin-top:5px}.feed{margin-bottom:20px;margin-top:0}.feed li{padding:0 10px 0 15px}.feed p{font-size:13px}.feed p.role{min-width:70px}.input-container{max-width:600px;width:70%}input{font-size:13px;padding:10px 40px 10px 15px}#submit{cursor:pointer;font-size:18px;position:absolute;right:13px;top:8px}.info{margin-bottom:0;padding:10px 10px 0}.mobileInfo{display:block;margin-top:0;padding:0 10px 10px}.spinner{height:32px;margin:-25px 0 0 -25px;right:-9px;top:21px;width:32px}}
/*# sourceMappingURL=main.3b5cadd9.css.map*/