cr angeidiarys #5

-- FONTS --

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

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

-- TOP CONTAINER --
border-radius: 10px 10px 0 0;
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%);

-- WEB ADDRESS CONTAINER --
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%);

-- WEB ADDRESS BUTTON --
border: 1px solid #595959;
font-family: PC98;

-- MINIMIZE / CLOSE ICON --
border: 1px solid #B0ACB0;

-- MAIN CONTAINER --
box-shadow: 0px 0px 10px 0px #505050 inset;
height: 12em;

-- TITLE TEXT --
font-family: roman;
-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;

-- ABOUT ME CONTAINER --
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%);
width: 17.9em;
height: 4.5em;
position: absolute;
left: 0.5em;
top: -11.5em;
z-index: 100;

-- ABOUT ME TEXT --
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.9em;
position: relative;
left: -0.4em;
overflow: auto;

-- LINKS / SKILL BAR CONTAINER --
background: rgba(255, 255, 255, 0.6);
-webkit-backdrop-filter: blur(2px);
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;
width: 17.9em;
height: 6.1em;
position: absolute;
left: 0.5em;
top: -6.7em;
z-index: 100;

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

-- LINKS ICONS --
background-color: #FFFFFF;
background-image: linear-gradient(180deg, #EDEDED 45%, rgba(255,255,255,0.008) 100%);
background-position: 0% 0%;
background-repeat: repeat;
background-size: cover;
border: 1px solid #B0ACB0;

-- ONE HOUR AGO --
font-size: 0.475em;
border: 0.5px solid #808080;
font-family: MS San Serif;
background: #FFECF8;

-- CHATBOX SHAPED TEXT --
font-family: PC98;
background: white;
padding: 10px;
border: 1px solid #B0ACB0;
-webkit-box-shadow: 4px 4px 0px -2px #b0acb0;
border-radius: 0 20px 20px 20px;

-- APPLE ICON CONTAINER --
border-radius: 0 0 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%);

 -- THIN CONTAINER AS A STAND --
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 #474747;
width: 2em;

-- STAND CONTAINER --
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-radius: 10px 10px 0 0;