cr angeidiarys 2 (css)

--- LONG BANNER TEXT ---
background: #EDCFFF;
border-radius: 0px 10px 10px 0px;
right: 1.8em;
top: 45px;

(mobile)
top: 30px;

--- 'FAIRYTOPIA' TEXT ---
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
top: 10px;

(mobile)
top: 3px;

--- MAIN CONTAINER ---
width: 55%;
box-shadow: 0 0 0 1px black, inset 0 0 0 1px black;
border-radius: 0.375em;
position: relative;
right: 4em;

--- MAIN INFO TEXT BOX ---
-webkit-text-stroke-width: 0.8px;
-webkit-text-stroke-color: #000;
background: #F5E6FF;
border: 1px solid black;
border-radius: 10px 0px 10px 0px;
line-height: 0.3em;
padding: 10px;
padding-top: 20px;
width: 8em;
height: 4.5em;

(mobile)
line-height: 0.3em;
padding: 10px;
padding-top: 15px;
width: 8em;

--- DOLL IMAGE ---
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
z-index: 3;
position: absolute;
right: -2.5em;
top: -2.5em;

(mobile)
top: -3em;

--- MENU CONTAINER ---
width: 23%;
position: absolute;
bottom: 1.7em;
left: 18.5em;

(mobile)
width: 24%;

--- 'MENU' TEXT ---
background: linear-gradient(180deg, #FFCCCC 0%, #FFFFFF 50%, #FFCCCC 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: #000;

--- 'PAGE 00' TEXTS ---
*add this in Text: Link*

-webkit-text-stroke-width: 0.6px;
-webkit-text-stroke-color: #000;

--- 'NAME' TEXT ---
background: linear-gradient(180deg, #FFCCCC 0%, #FFFFFF 45%, #FFCCCC 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: #000;
z-index: 5;
position: absolute;
top: 2.15em;
left: -0.15em;

(mobile)
top: 2.2em;
left: -0.8em;

--- POSITIONING for MUSIC PLAYER ---
position: absolute;
top:14em;
left:20em;

--- MEDIA RULE for MUSIC PLAYER ---
@media only screen and (max-width: 600px) {
#glenplayer02 {
top: 14.3em;
}
}

--- LINKS TEXT ---
background: #EDCFFF;
border-radius: 10px;
border: 1px solid black;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
width: 70%;
left: 4.5em;
top:10px;

(mobile)
width: 70%;

--- 'PAGE 00, 01, 02' CONTAINER ---
border-radius: 10px 0px 10px 0px;
width: 83%;

--- PAGE 01 TEXT BOX (LEFT COLUMN) ---
background: #FFFFFF99;
padding: 5px;
border: 1px solid black;
border-radius: 10px 0px 10px 0px;

--- 'i like... ★' TEXT ---
padding: 3px;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;

(mobile)
padding: 2px;

--- PAGE 01 TEXT BOX (RIGHT COLUMN) ---
background: #FFFFFF99;
padding: 5px;
border: 1px solid black;
border-radius: 10px 0px 10px 0px;
overflow: auto;
height: 70px;

(mobile)
height: 53px;

--- PAGE 02 TEXT BOX (LEFT COLUMN) ---
background: #FFFFFF99;
padding: 5px;
border: 1px solid black;
border-radius: 10px 0px 0px 10px;
border-right: none;
overflow: auto;
height: 100px;
z-index: 5;

(mobile)
height: 80px;
bottom: 5px;

(Text: Highlight)
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
font-size: 1.25em;

--- PAGE 02 TEXT BOX (RIGHT COLUMN) ---
background: #FFFFFFCC;
padding: 5px;
border: 1px solid black;
border-radius: 0px 10px 10px 0px;
writing-mode: vertical-rl;
text-orientation: downwards;
height: 100px;
width: 40px;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
z-index: 500;
padding-right: 10px;

(mobile)
width: 40px;
height: 80px;
bottom: 5px;

--- IMAGE ---
z-index: 3;
position: absolute;
top: -5em;
left: 17.5em;

(mobile)
left: 18.5em;

--- PAGE 03 TEXT BOX (LEFT COLUMN) ---
background: #FFFFFF99;
padding: 5px;
border: 1px solid black;
border-radius: 10px 0px 10px 0px;
width: 13em;
z-index: 500;
overflow: auto;
height: 70px;
right: -0.5px;

(mobile)
width: 13em;

(Text: Highlight)
font-size: 1em;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;

--- 'xtra!' TEXT ---
background: linear-gradient(90deg, #FFCCCC 0%, #fff 50%, #FFCCCC 100%);
border: 1px solid black;
border-radius: 10px 10px 10px 10px;
height: 25px;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
z-index: 500;
width: 6.5em;
right: -0.5px;

(mobile)
width: 6.5em;
padding-top: 2px;