futurism crd codes

---main container---
width: 12em;
height: 25em;
border-radius: 0px 60px 0px 0px;
left: 10em;

(mobile)
left: 7.5em;
height: 23em;
width: 9em;

---icon 1---
box-shadow: 0px -1px 3px 3px #B3A0E8 inset;
position: absolute;
bottom: 7.5em;
left: 1.1em;

(mobile)
left: 0.6em;

---icon 2---
bottom: 5em;
left: 1.1em;

(mobile)
left: 0.6em;

---icon 3---
bottom: 2.5em;
left: 1.1em;

(mobile)
left: 0.6em;

---marks (left)---
width: 10em;
height: 3em;
border-radius: 0px 40px;
box-shadow: 0px -1px 3px 3px #cbbaff inset;
z-index: 3;
position: absolute;
bottom: 21.8em;
right: 20em;

(mobile)
right: 15em;
bottom: 20em;
width: 9em;

---marks (right)---
width: 10em;
height: 3em;
border-radius: 40px 0px;
box-shadow: 0px -1px 3px 3px #cbbaff inset;
z-index: 3;
position: absolute;
bottom: 9.8em;
right: 12.5em;

(mobile)
width: 9em;
left: 3.5em;
bottom: 8.5em;

---about, dni & etc texts---
bottom: 20px;
text-shadow: -1px 0 #b197ff, 0 1px #b197ff, 1px 0 #b197ff, 0 -1px #b197ff, 0 0;

---container (top)---
width: 15em;
height: 8em;
border-radius: 20px;
position: absolute;
bottom: 14.5em;
right: 13em;
box-shadow: 0px -1px 3px 3px #cbbaff inset;

(mobile)
width: 12.5em;
bottom: 12.5em;
left: 0em;

---container (bottom)---
width: 15em;
height: 8em;
border-radius: 20px;
position: absolute;
bottom: 2.5em;
right: 13em;
box-shadow: 0px -1px 3px 3px #cbbaff inset;

(mobile)
width: 12.5em;
left: 0em;
bottom: 1em;

---scrollbox---
overflow-y: scroll;
width: 15em;
height: 7.5em;
bottom: 20px;
right: 20px;
padding-top: 5px;
font-family: pixel;

(mobile)
width: 13.5em;