@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);*{box-sizing:border-box;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:clamp(1rem,.75vw,1.5rem);font-size:var(--font-size);margin:0;padding:0}body{background-color:#ddd}:root{--radius:16px;--border:1px solid #ccc;--font-size:clamp(1rem,0.75vw,1.5rem)}body{background-color:#000;font-family:DM Sans,sans-serif;margin:0;padding:0}.App{align-items:center;background-color:#ff7f3e;box-shadow:0 0 20px #ffffff1a;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}h1{color:#333}.messages{background-color:#fff6e9;border:1px solid #989898;border-radius:10px;flex:1 1;flex-direction:column;margin-bottom:20px;max-width:800px;overflow-y:auto;padding:10px}.messages,form{display:flex;width:100%}form{max-width:600px}input{background-color:#fff;border:1px solid #e7db96;border-radius:8px 0 0 8px;flex:1 1;outline:none;padding:10px}button{background-color:#121481;border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;padding:10px 20px}button:hover{background-color:#0056b3}.buttons{display:flex;justify-content:center;margin-top:20px;max-width:600px;width:100%}.logout,.signin{background-color:#ca0000;border:none;border-radius:8px;color:#fff;cursor:pointer;margin:0 10px;padding:10px 20px}.logout:hover,.signin:hover{background-color:#0056b3}.received,.sent{align-items:center;display:flex;margin:10px 0}.sent{flex-direction:row-reverse}.received,.sent{justify-content:flex-start}.received p,.sent p{word-wrap:break-word;border-radius:8px;margin:0;max-width:300px;padding:10px}.sent p{background-color:#fff455}.received p,.sent p{color:#000;margin-top:10px}.received p{background-color:#66f3f3}.received img,.sent img{border-radius:50%;height:40px;margin:0 10px;object-fit:cover;width:40px}.sent p{margin-right:10px}.received p{margin-left:10px}.timestamp{color:#969696;display:flex;font-size:.8em;justify-content:flex-end;margin-top:5px}.heading{color:#fff;font-size:large;margin-bottom:5px}.linka{color:#fff;display:flex;margin-left:80%;text-decoration:none}@keyframes blink{0%{background-color:#000}50%{background-color:maroon}to{background-color:red}}.signin{animation:blink 2s infinite;background-color:maroon;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:10px 20px}.linka{font-size:large}
/*# sourceMappingURL=main.d83e832d.css.map*/