@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;800&display=swap);:root{--red:#f65351;--blue:#0a317b;--white:#fff;--very-light-grayish-blue:#f7fafd;--light-grayish-blue-1:#e5effa;--light-grayish-blue-2:#dde7ee;--grayish-blue:#939dae;--dark-grayish-blue:#5e6778;--very-dark-blue:#1c202b}body{font-family:Plus Jakarta Sans,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.app-container{align-items:center;background-color:var(--very-light-grayish-blue);display:flex;height:100vh;justify-content:center;min-height:500px;width:100%}.content-wrapper{height:100%;margin:0 auto;max-width:800px;padding:60px 20px;width:100%}.notifications-contianer{background-color:var(--white);border-radius:15px;box-shadow:0 5px 15px rgba(147,157,174,.1);display:flex;flex-direction:column;height:100%;padding:40px 35px 15px;width:100%}header{justify-content:space-between}.title-box,header{align-items:center;display:flex}.title-box h1{color:var(--very-dark-blue);font-size:25px}.title-box span{background-color:var(--blue);border-radius:8px;color:var(--white);display:flex;font-weight:800;height:-webkit-min-content;height:min-content;margin-left:15px;padding:4px 13px}header p{color:var(--dark-grayish-blue);cursor:pointer}.notifications-box{flex-grow:1;margin-top:30px;overflow:hidden;overflow-y:visible;scrollbar-width:none}@media screen and (max-width:650px){.content-wrapper{padding:0}}@media screen and (max-width:490px){.notifications-contianer{padding:40px 15px 15px}}
/*# sourceMappingURL=main.689c9dbe.css.map*/