body{font-family:sans-serif;margin:0;padding-left:20px;padding-right:20px;min-height:100vh;display:flex;justify-content:center}#root{display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:flex-start;width:100%}@media screen and (max-width: 768px){#root{flex-direction:column;align-items:center;gap:20px}}#notification-form{box-sizing:border-box;border:2px solid black;border-radius:10px;padding:15px;height:400px;width:45%;display:flex;margin-top:50px;flex-direction:column;align-items:center;gap:15px}#notification-form-title{font-size:20px;font-weight:700;align-self:flex-start;padding-left:15px}#notification-message{height:75px;width:90%;border:2px solid black;border-radius:10px;font-size:16px;padding:5px}#notification-type{border:2px solid black;padding:5px;border-radius:10px;font-size:16px;font-weight:700;width:85%}#send-notification-btn{background:none;border:2px solid black;border-radius:10px;font-size:16px;font-weight:700;height:2.5rem;width:80%;margin-top:auto}@media screen and (max-width: 768px){#notification-form{width:80%}}.notification-card{box-sizing:border-box;border:1px solid black;font-size:16px;font-weight:550;color:#000;padding:5px;display:flex;flex-direction:column;justify-content:space-between;overflow:auto}.notification-card.alert{background-color:#ffcccb}.notification-card.success{background-color:#90ee90}.notification-card.info{background-color:#add8e6}.notification-message{margin:0}#notification-feed{box-sizing:border-box;height:400px;border:2px solid black;border-radius:10px;overflow-y:auto;width:45%;padding:20px;margin-top:50px}@media screen and (max-width: 768px){#notification-feed{width:80%;margin-top:0}}