@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.maincontaineroflogin{max-width:1360px;height:90vh;margin:auto;display:flex;justify-content:center;align-items:center}.maincontaineroflogin form{width:360px;display:flex;flex-direction:column;align-items:center;gap:25px;padding:30px;box-shadow:#00000059 0 5px 15px;border-radius:8px}.maincontaineroflogin form input[type=email],.maincontaineroflogin form input[type=password]{width:100%;padding:10px;border-radius:5px;border:none;outline:none;background-color:#c5f1f1;color:#000}.maincontaineroflogin form input[type=submit]{width:100%;padding:8px;border-radius:5px;border:none;outline:none;background-color:#db7093;color:#fff;cursor:pointer}.maincontaineroflogin form input[type=submit]:hover{background-color:#00c317}.mainconatinerofnavbar{width:100%;position:fixed;top:0;left:0;background-color:#9acd32}.containerofnav{max-width:1360px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;color:#fff}.containerofnav h2{padding:5px 10px;border:1px solid;border-radius:5px;cursor:pointer}.elementsofnav{display:flex;justify-content:center;align-items:center;gap:25px}.elementsofnav p{padding:5px 8px;border:1px solid;border-radius:15px;cursor:pointer}.maincontainerofsignup{max-width:1360px;height:90vh;margin:auto;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}.maincontainerofsignup form{width:400px;display:flex;flex-direction:column;align-items:center;gap:30px;padding:35px;background-color:#fff;box-shadow:#0003 0 6px 18px;border-radius:10px}.maincontainerofsignup form input[type=email],.maincontainerofsignup form input[type=password],.maincontainerofsignup form input[type=text],.maincontainerofsignup form select{width:100%;padding:12px;border-radius:8px;border:1px solid #ced4da;outline:none;background-color:#e9f7f7;color:#495057;font-size:16px}.maincontainerofsignup form input[type=submit]{width:100%;padding:10px;border-radius:8px;border:none;background-color:#ff00e1;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s ease}.maincontainerofsignup form input[type=submit]:hover{background-color:#b37a00}.maincontainerofhome{max-width:1360px;margin:75px auto auto;padding:10px 25px;display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap}.maincontainerofhome>div{box-shadow:#00000059 0 5px 15px;padding:20px 15px;border-radius:8px;display:flex;flex-direction:column;align-items:start;gap:3px;width:280px;cursor:pointer}.maincontainerofhome>div button{padding:5px 10px;background-color:orange;color:#fff;border:none;border-radius:10px}.chatContainer{max-width:1360px;margin:auto;padding:20px}.chatBox{border:1px solid #ccc;padding:10px;max-height:500px;overflow-y:auto}.messageInput{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc}.uploadContainer{display:flex;flex-direction:column;align-items:center;margin:20px}.uploadProgress{width:100%;height:30px;background-color:#d3d3d3;border-radius:5px;overflow:hidden}.progressBar{height:100%;background-color:green;text-align:center;color:#fff}body{margin:0;padding:0;font-family:Roboto,sans-serif}*{margin:0;padding:0;box-sizing:border-box}