cr juntaxst css codes

-- BLACK CONTAINER --
height: 22em;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

-- IMAGE/USER CONTAINER --
width: 59%;
position: absolute;
right: -1em;
bottom: 6em;
border-radius: 1em 0em 0em 1em;
border-radius: 1em 0em 0em 1em;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

-- NAVIGATION CONTAINER --
width: 59%;
height: 2.5em;
position: absolute;
right: -1em;
bottom: 2.5em;
border-radius: 1em 0em 0em 1em;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

-- GALLERY CONTAINER --
width: 49%;
position: absolute;
left: -1em;
bottom: 1.25em;
border-radius: 0em 1em 1em 0em;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;

-- SROLLBOX CONTAINER --
width: 49%;
height: 17em;
position: absolute;
left: -1em;
bottom: 5.5em;
border-radius: 0em 1em 1em 0em;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

-- USER/NAME --
font-family: SakeMoru;
font-size: 1.375em;
line-spacing: 1.25em;

-- NAVIGATION TEXT --
font-family: SakeMoru;

-- SCROLLBOX --
font-family: MS San Serif;
height: 18em;
overflow: auto;

-- MARK --
background: none;
font-family: glitten;
font-size: 1.5em;

-- WATERMARK --
color: black;
font-family: MS San Serif;
background: white;
position: absolute;
top: 31.5em;
right: 1em;
z-index: 999;
padding-left: 5px;
padding-right: 5px;
border-radius: 5px;
border: 1px solid black;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

!! MOBILE FOR WATERMARK !!
width: 39%;