codes for 'doll online' crd

---- 'doll online' ----
text-align:center;
background:linear-gradient(to top, #F0DEFF 0%, #FFB3DE 76%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0.5px #FF78BC;
-webkit-filter: drop-shadow(0px 0px 1.5px #FF87C5);

---- 'name' ----
background: rgb(247,208,230);
background: radial-gradient(circle, #FFB3DE 0%, #EEC9FF 76%);
border: 1px solid #FFCFE9;
border-radius:90%;
padding-left:10px;
padding-right:10px;
font-size:1.5em;
color:white;
-webkit-text-stroke: 0.5px #FF78BC;
position: absolute;
z-index: 99;
top: 0em;
width: 4.5em;
height: 1.2em;

---- for text boxes ----
background-image: radial-gradient(circle, rgba(247,208,230,1) 0%, rgba(240, 222, 255,1) 99%);
background-position: 0% 0%;
background-repeat: repeat;
background-size: cover;
border-radius:2%;
padding-left:6px;
padding-right:6px;
padding-top: 9px;
padding-bottom: 6px;
border: 1px solid #FFCFE9;
width: 15em;
height: 8em;
overflow-y: scroll;

(you will need to adjust width, height, position like i did in the tutorial!)