cr angeidiarys 3

*MAKE SURE TO ALWAYS CHECK THE ELEMENT ID AND CHANGE IT IF IT DOESN'T MATCH YOURS*

--- TOP CONTAINER ---
#container01 > .wrapper {
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
border-radius: 10px 10px 0px 0px;
}

--- CONTAINER with BUTTON/ICONS ---
#container02 > .wrapper {
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
}

--- BUTTON ---
#buttons01 li a {
font-family:'nintendo';
border: 1px solid #B0ACB0;
-webkit-box-shadow: 3px 3px 0px -2px #B0ACB0;
}

--- ICONS ---
#icons02 li a {
border: 1px solid #B0ACB0;
-webkit-box-shadow: 3px 3px 0px -2px #B0ACB0;
}

--- MAIN CONTAINER ---
#elementID > .wrapper {
box-shadow: 0px 0px 10px 0px #505050 inset;
height: 12em;
}

--- BLOGGER TEXT ---
#text01 {
font-family:'ROMANTIC';
-webkit-filter: drop-shadow(0px 0px 4px #EDC4DD);
text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0 0;
background-image: url(https://i.imgur.com/Edu1x4q.jpg);
background-position: center;
background-size: 180px 55px;
background-repeat: no-repeat;
}

--- NAVIGATION BUTTONS ---
#buttons02 li a {
font-family:'nintendo';
border: 1px solid #B0ACB0;
-webkit-box-shadow: 3px 3px 0px -2px #B0ACB0;
}

--- CONTAINER with APPLE ICON ---
#elementID > .wrapper {
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
border-radius: 0px 0px 10px 10px;
}

--- SMALL WIDTH CONTAINER ---
#elementID > .wrapper {
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
width: 2em;
}

--- BOTTOM CONTAINER ---
#elementID > .wrapper {
box-shadow: inset 10px 0px 6px -10px rgba(66,66,66,0.565), inset -10px 0px 6px -10px rgba(66,66,66,0.565), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgba(238, 238, 238,0.565);
border-radius: 10px 10px 0px 0px;
}

--- SCROLLABLE CONTAINER ---
#elementID > .wrapper {
box-shadow: 0px 0px 10px 0px #505050 inset;
height: 12em;
overflow: auto;
}

--- TEXT CODE ---
#elementID code {
font-family:'nintendo';
font-size: 0.475em;
border: 0.5px solid #808080;
background-color: #FFECF8;
}

--- INFO TEXT ---
#elementID {
font-family: PC98;
background: white;
padding: 0.5em;
border: 1px solid #B0ACB0;
-webkit-box-shadow: 4px 4px 0px -2px #B0ACB0;
border-radius: 0 20px 20px 20px;
}

--- 'ABOUT ME' CONTAINER ---
#elementID > .wrapper {
backdrop-filter: blur(2px);
border-radius: 50px 10px 10px 50px;
box-shadow: inset 10px 0px 6px -10px rgb(66 66 66 / 56%), inset -10px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgb(238 238 238 / 56%);
border: 1px solid #B0ACB0;
width: 17.9em;
height: 4.5em;
position: absolute;
left: 0.5em;
top: -11.5em;
z-index: 100;
}

--- IMAGE ---
#elementID .frame {
position: relative;
top: -0.25em;
left: -0.5em;
}

--- 'ABOUT ME' INFO ---
#elementID {
font-family: PC98;
background: white;
padding: 0.5em;
border: 1px solid #B0ACB0;
-webkit-box-shadow: 4px 4px 0px -2px #b0acb0;
border-radius: 10px;
height: 4.5em;
overflow-y: scroll;
position: relative;
left: -0.4em;
}

--- CONTAINER with SKILLBAR/ICONS ---
#elementID > .wrapper {
backdrop-filter: blur(2px);
border-radius: 10px 10px 10px 10px;
box-shadow: inset 10px 0px 6px -10px rgb(66 66 66 / 56%), inset -10px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 10px 6px -10px #ffffff, inset 0px -10px 6px -10px rgb(238 238 238 / 56%);
border: 1px solid #B0ACB0;
overflow-y: scroll;
width: 17.9em;
height: 6.3em;
position: absolute;
left: 0.5em;
top: -6.7em;
z-index: 100;
}

--- LINKS TEXT ---
#elementID {
font-family: PC98;
border: 0.5px solid #808080;
border-radius: 10px;
background: #FFECF8;
}

--- FOUR ICONS ---
#elementID li a {
border: 1px solid #B0ACB0;
}

--- CHATBOX TEXT ---
#elementID {
font-family: PC98;
border: 0.5px solid #808080;
border-radius: 10px;
background: #FFECF8;
}


--- ALL FONTS ---
<style>
@font-face {
font-family:'nintendo';
src: url(https://dl.dropbox.com/s/8w4sembeqyz4rsq/Nintendo-DS-BIOS.ttf);
}

@font-face {
font-family:'ROMANTIC';
src: url(https://dl.dropbox.com/s/xggwcxb6mlf6pwq/ROMANTIC.TTF);
}

@font-face {
font-family: PC98;
src: url(https://dl.dropbox.com/s/q6te1rmeglfy4bf/pc-9800.ttf);
}
</style>