.main{padding:24px 16px;background-color:#ff0}.notifications{display:flex;justify-content:space-between;margin-bottom:24px}.notifications .title{color:var(--very-dark-blue);font-weight:800;font-size:1.25em;word-spacing:9px}.notifications .number{background-color:var(--blue);color:var(--white);display:inline-block;width:32px;height:25px;text-align:center;align-content:center}.notifications .mark{color:#1e90ff;font-size:.875em;font-weight:500;cursor:pointer}.notifications .mark:hover{color:var(--blue)}.notifications .markAllRead{color:var(--grayish-blue);font-size:.875em;cursor:default}.notifications .markAllRead:hover{color:var(--grayish-blue)}.post{background-color:var(--white);box-shadow:0 5px 10px -5px #000;display:flex;gap:13px;min-width:343px;padding:16px;font-size:.875em;cursor:pointer;margin:0 auto 10px;color:var(--dark-grayish-blue);position:relative}.post:hover{transform:translateY(-2%) translate(0)}.post .image{width:39px;height:39px}.post .image1{background:url(/assets/uno-uV8pOy86.png) no-repeat center center;background-size:cover;width:39px;height:39px}.post .image2{background:url(/assets/dos-CpNOLV5X.png) no-repeat center center;background-size:cover;width:39px;height:39px}.post .image3{background:url(/assets/tres-CP45TyvU.png) no-repeat center center;background-size:cover;width:39px;height:39px}.post .image4{background:url(/assets/cuatro-VcTAVIY5.png) no-repeat center center;background-size:cover;width:39px;height:39px}.post .image5{background:url(/assets/cinco-BHvO4L_g.png) no-repeat center center;background-size:cover;width:39px;height:39px}.post .image6{background:url(/assets/seis-D7B70dyk.png) no-repeat center center;background-size:cover;width:39px;height:39px}.post .name{font-weight:700;color:var(--very-dark-blue)}.post .name:hover{color:#1e90ff}.post .reaction{font-weight:700}.post .reaction:hover{color:var(--blue)}.post .time{color:var(--grayish-blue);font-size:.875em;font-weight:500}.post .group{color:var(--blue);font-weight:700}.post .message-container{border:1px solid var(--light-grayish-blue-2);background-color:#f9f9f9;padding:16px;margin-top:12px}.post .message-container:hover{background-color:#fff}.post .picture{width:39px;height:39px;position:absolute;right:16px}.not-read{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:8px;background-color:var(--red)}@media screen and (max-width: 640px){.main{width:383px;margin:0 auto}}@media screen and (min-width: 768px){.main{width:730px;margin:0 auto}.post{font-size:1em}}*{margin:0;padding:0;box-sizing:border-box}:root{--red: hsl(1, 90%, 64%);--blue: hsl(219, 85%, 26%);--white: hsl(0, 0%, 100%);--very-light-grayish-blue: hsl(210, 60%, 98%);--light-grayish-blue-1: hsl(211, 68%, 94%);--light-grayish-blue-2: hsl(205, 33%, 90%);--grayish-blue: hsl(219, 14%, 63%);--dark-grayish-blue: hsl(219, 12%, 42%);--very-dark-blue: hsl(224, 21%, 14%)}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/PlusJakartaSans-VariableFont_wght-C8hzFRfV.ttf)}body{font-family:Plus Jakarta Sans}.attribution{font-size:11px;text-align:center}.attribution a{color:#3e52a3}