cr soosces

---main container---
border: 2px solid black;
border-radius: 10px 10px 10px 0px;
background: radial-gradient(circle, #A3D8FF 20%, #E8C2FF 50%, #E8C2FF 60%, #A3D8FF 100%);

---bottom container---
border: 2px solid black;
border-radius: 0px 10px 10px 10px;
background: radial-gradient(circle, #A3D8FF 20%, #E8C2FF 50%, #E8C2FF 60%, #A3D8FF 100%);

---marks (top)---
background: linear-gradient(180deg, #A882BF 0%, #F0D6FF 100%);
filter: drop-shadow(0px 0px 1px #fff);
width: 8em;
border: 2px solid white;
border-radius: 10px 10px 10px 0px;
padding-left: 5px;
padding-top: 2px;

(mobile)
width: 8em;

---marks (bottom)---
background: linear-gradient(180deg, #A882BF 0%, #F0D6FF 100%);
filter: drop-shadow(0px 0px 1px #fff);
width: 4em;
border: 2px solid white;
border-radius: 11px 0px 11px 11px;
padding-top: 2px;

(mobile)
width: 4em;

---scrollbox---
overflow-y: scroll;
border: 2px solid white;
border-radius: 0px 10px 0px 10px;
filter: drop-shadow(0px 0px 1px #fff);
width: 11em;
height: 6em;