maniac crd co styling

---top container---
border-top: 1px solid #d26380;
border-left: 1px solid #d26380;
border-right: 1px solid #d26380;
border-radius: 20px 20px 0px 0px;
background: linear-gradient(0deg, #fff 45%, #f7afd7 100%);

---top container text---
font-family: hearts;
font-size: 0.75em;
background: #ffffff;
width: 75%;
text-align: center;
position: relative;
border: 1px solid #d26380;
border-radius: 14px;
padding-left: 6px;
padding-right: 6px;

---for image---
border: 1px solid #d26380;
border-radius: 10px;

---for left side text---
font-family: hearts;
font-size: 0.75em;
height: 65px;
background: #ffffff;
width: 100%;
border: 1px solid #d26380;
border-radius: 10px;
padding: 6px;
---mobile---
font-size: 0.75em;
width: 75%;
---highlight---
font-family: emoji;

---bottom container---
border-left: 1px solid #d26380;
border-right: 1px solid #d26380;
border-bottom: 1px solid #d26380;
border-radius: 0px 0px 20px 20px;
background: linear-gradient(180deg, #fff 45%, #f7afd7 100%);

---bottom container text---
font-size: 0.75em;
font-family: hearts;

---main text container---
height: 226px;
background: #FFFFFF;
border: 1px solid #d26380;
padding: 5px;
border-radius: 10px;
overflow-y: scroll;
font-size: .75em;
width: 190px;
left: 13em;
bottom: 2.45em;
position: absolute;
z-index: 100;
---mobile---
height: 191px;
width: 160px;

---title texts---
font-family:'heart';
---highlight---
background:linear-gradient(to top, #e77fa2 0%, #f5b3d9 76%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

---for info texts---
font-family: hearts;
---highlight---
font-family: emoji;
---link---
text-decoration-style: dotted;