body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.container{position:fixed;background-image:linear-gradient(135deg,#2a0944,#420516,#261c2c);height:100vh;width:100%;font-family:"Bebas Neue",cursive}.container__box{margin:0;position:fixed;top:20%;left:25%;background-color:rgba(0,0,0,.3);height:60vh;text-align:center;width:50%;color:#e1d89f;border-radius:5px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.container__box__heading{font-size:4rem;letter-spacing:2.5px}.container__box>input{width:80%;padding:1.5%;font-family:"Bebas Neue",cursive;background-color:transparent;color:#e1d89f;outline:none;border:none;border-bottom:1px solid #fff;border-radius:0;font-size:1.5rem}input:focus{outline:none}.container__box__button{background-color:transparent;color:#fff;cursor:pointer;border:1px solid #fff;border-radius:5px;margin-top:5%;padding:10px 20px}@media screen and (max-width:768px){.container__box{width:80%;left:10%}}.chatbox{margin:0;position:fixed;top:9%;left:10%;background-color:rgba(0,0,0,.5);height:82.1vh;text-align:center;width:80%;border-radius:5px;border:2.5px solid #e1d89f}.chatbox__heading{height:10vh;color:#e1d89f;letter-spacing:5px;text-align:center;border-bottom:2.5px solid;font-size:2.5rem;text-align:left;padding-left:2.5%;display:flex;align-items:center}.chatbox__messages{height:60vh;overflow-y:auto;padding:10px 25px;border-bottom:2.5px solid #e1d89f}.chatbox__footer{display:flex;flex-direction:row}.chatbox__footer>input{height:8vh;width:80%;font-size:1.5rem;padding:0 0 0 10px;font-family:"Caveat",cursive;letter-spacing:2.5px}.chatbox__footer>button{height:8.5vh;width:20%;cursor:pointer;font-size:25px;text-transform:uppercase;font-family:"Bebas Neue",cursive;border-radius:0 0 5px 0;border:none;border-left:2.5px solid #e1d89f}.chatbox__footer>button,.chatbox__footer>input{background-color:rgba(0,0,0,.5);color:#fff;outline:none}.chatbox__footer>input{border:none;border-radius:0 0 0 5px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #000}::-webkit-scrollbar-thumb{background:#e1d89f}@media screen and (max-width:400px){.chatbox{top:5%}.chatbox__footer>input{height:8vh;width:80%;font-size:1.5rem;padding:0 0 0 10px;font-family:"Caveat",cursive;letter-spacing:2.5px}.chatbox__footer>button{height:8vh;width:20%;cursor:pointer;background-color:rgba(0,0,0,.5);color:#fff;font-size:15px;text-transform:uppercase;font-family:"Bebas Neue",cursive;border-radius:0 0 5px 0;outline:none;border:none;border-left:2.5px solid #e1d89f}}.main__message{font-family:"Open Sans",sans-serif}.message{background-color:rgba(0,0,0,.5);color:#fff;padding:1.5%;border-radius:5px;text-align:left;font-family:"Caveat",cursive;font-size:1.5rem;max-width:300px}.admin{background-image:linear-gradient(135deg,#2a0944,#420516,#261c2c);color:#fff}.You{color:orange}.sender{color:#fff;font-size:12px;margin-bottom:5px;padding:2.5px}@media screen and (max-width:600px){.message{max-width:200px}}@media screen and (max-width:400px){.message{max-width:150px}}@media screen and (max-width:300px){.message{max-width:100px}}
/*# sourceMappingURL=main.ff1edad8.chunk.css.map */