:root{--very-dark-grayish-blue:#48556a;--desaturated-dark-blue:#6d7f97;--grayish-blue:#9eafc2;--light-grayish-blue:#ecf2f8}body{background-color:var(--light-grayish-blue);flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;font-family:Manrope,sans-serif;display:flex}.container{background-color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:327px;margin:20px;display:flex;overflow:hidden}.banner img{width:100%}.content{height:323px}.padding-text{padding:25px 25px 0}.title{color:var(--very-dark-grayish-blue);font-size:18px;font-weight:700}.subtitle{color:var(--desaturated-dark-blue);padding-bottom:25px;font-size:14.75px;font-weight:500}.socials{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:15px 32px 20px;display:flex}#avatar{border-radius:100%;height:40px;margin-right:15px}.subcontainer{flex-grow:1}.name{color:var(--very-dark-grayish-blue);padding-bottom:4px;font-size:14.75px;font-weight:700}.date{color:var(--desaturated-dark-blue);font-size:12px}.share-icon{aspect-ratio:1;cursor:pointer;border-radius:50%;background-color:var(--light-grayish-blue)!important;height:16px!important;margin-left:auto!important;padding:10px!important}.socials-container{flex-direction:row;flex:1;justify-content:flex-start;align-items:center;gap:16px;display:none}.socials-container div{color:var(--grayish-blue);letter-spacing:5px;margin-right:5px;font-size:13px}.socials-container img{cursor:pointer;width:20px;height:20px}@media (width>=800px){.container{flex-direction:row;max-width:730px;height:280px;overflow:visible}.banner{width:520px;height:100%}.banner img{border-radius:12px 0 0 12px;height:100%}.content{flex-direction:column;justify-content:center;width:100%;display:flex}.padding-text{padding:32px 40px 0}.title{font-size:20px;line-height:28px}.subtitle{padding-top:10px;padding-bottom:20px;font-size:12px}.socials{height:75px;padding:0 40px 32px;position:relative}.socials-container{background-color:var(--very-dark-grayish-blue);z-index:10;border-radius:10px;flex:none;width:auto;padding:18px 36px;position:absolute;bottom:95px;right:-68px;box-shadow:0 10px 20px #00000026}.socials-container:after{content:"";border-style:solid;border-width:12px;border-color:var(--very-dark-grayish-blue) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.socials-container div{color:var(--grayish-blue)}}