.image-center { width: 100%; display: block; margin-left: auto; margin-right: auto; } .main-card-image { width: 100%; display: block; margin-left: auto; margin-right: auto; position: absolute; height: 100%; } .text-style { margin: 5px; } .class-dev-close { // border: 1px solid lightgray; // border-radius: 30px; } .class-dev-open { } .class-item-open { border: 1px solid lightgray; border-radius: 30px; height: 100px; } .class-item-close { } .image-item { // width: 30%; // height: 70%; // margin-top: 30px; // border: 1px solid white; // border-radius: 11px; // margin-bottom: 25px; width: 100px; height: 100px; margin-top: 1px; border: 5px solid white; border-radius: 11px; border-left: 0px; border-right: 0px; } .announcement-items { border: 1px solid #00000029; border-radius: 10px; height: 100px; box-shadow: 0px 0px 5px #00000000; } .item-list-h { font: normal normal 600 14px/11px Poppins; letter-spacing: -0.56px; color: #2b353e; opacity: 1; padding-bottom: 5px; } .item-list-p-title { font: normal normal medium 11px/16px Poppins; letter-spacing: -0.44px; color: #535353; } .item-list-date-title { font: normal normal 600 10px/16px Poppins; letter-spacing: -0.4px; color: #7c7c7c; } .item-list-first-h { font: normal normal bold 23px/24px Poppins; letter-spacing: -1.38px; color: #ffffff; white-space: break-spaces; } .item-list-first-p { font: normal normal normal 12px/17px Poppins; letter-spacing: -0.12px; color: #ffffff; } .item-list-first-date { text-align: left; font: normal normal bold 8px/23px Poppins; letter-spacing: 0px; color: #ffffff; } .card-style-h { font: normal normal 600 20px/22px Poppins; letter-spacing: -0.8px; color: #2b353e; margin-bottom: -34px; } .card-style-p { font: normal normal medium 13px/18px Poppins; letter-spacing: -0.52px; color: #535353; } .card-style-date { font: normal normal 600 12px/18px Poppins; letter-spacing: -0.48px; color: #7c7c7c; } .main-card-style { margin: 0px; position: relative; min-height: 283px; } .main-card-item-list-style { position: absolute; bottom: 0px; --background: transparent; } .main-card-label-stle{ margin: 0px; padding: 0px; width: 237px; } .main-card-label-style-all{ padding: 0px; margin: 0px; width: 200px; }