codes

---- 'name' ----
font-family: fenotype;
-webkit-text-stroke: 0.5px #FFB0CC;
-webkit-filter: drop-shadow(0px 0px 7px #FFB0CC);
drop-shadow(0px 0px 7px #FFB0CC);

---- circle image ----
-webkit-filter: drop-shadow(0px 0px 7px #FFB0CC);


---- text w/ desc abt urself ----
background: linear-gradient(to top, #fff 2%, #FFD1E1 100%);
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
border-radius: 5px;
border: 0.5px solid #FFB0CC;

---- 'about' / 'to know' ----
background-image: radial-gradient(circle, rgba(255, 209, 225,1) 16%, rgba(0, 0, 0,0) 100%);
border-radius: 80%;
font-family: fenotype;
-webkit-text-stroke: 0.5px #000000;
color: white;
width: 3px;

---- container on right hand side ----
background-image: radial-gradient(circle, rgba(255,255,255,1) 65%, rgba(255, 204, 222,1) 100%);
background-position: 0% 0%;
background-repeat: repeat;
background-size: cover;
position: absolute;
width: 11em;
left: 11em;
border-radius: 0px 10px 10px 0px;
height: 17.5em;
overflow-y: scroll;
bottom: -6.12em;

---- container on left hand side ----
position: absolute;
width: 11em;
left: -.2em;
bottom: -4em;
border-radius: 10px 0px 0px 10px;

---- text for headers for each section of text ----
font-family: fenotype;
-webkit-text-stroke: 0.5px #000000;