+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
below is the Profile CSS. put it in the first box.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Name
Height: ___
Weight: ___
Hair: ___
Eyes: ___
Affil. ___
Rank: ___
General summary goes here. This box will scroll with enough text inside it.
Biographical information can go here. This box will scroll with enough text inside it.
Personality details can go here.This box will scroll with enough text inside it.
Associate Info about how your character and this character get along.
Associate Info about how your character and this character get along.
Associate Info about how your character and this character get along.
Associate Info about how your character and this character get along.
Associate Info about how your character and this character get along.
You can remove these sections safely if you have too many, or add more.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
below is the CSS code. paste into the second box on the profile editor.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
.cyberbox {@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap'); font-size:20px; font-family: 'Ubuntu Mono', monospace;width:1550px;height:1000;margin:auto;background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/76104719_lYQFqQvYaSzrrOD.png?1705034712);background-position:left;background-size:contain;background-repeat:no-repeat;position:relative;z-index:1;}
.pictureframe {background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/76104718_fcPdKfdi4kKOFvn.png);background-size:cover;background-repeat:no-repeat;overflow:hidden;border:5px solid #4770e6;border-radius:20px;width:300px;height:450px;position:absolute;top:100px;left:100px;z-index:3; }
.pictureinpicture {width:300px;height:450px;background-size:cover;background-repeat:no-repeat;background-position:center;}
.pictureframe2 {display:inline-block;background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/76104718_fcPdKfdi4kKOFvn.png);background-size:cover;background-repeat:no-repeat;overflow:hidden;border:3px solid #638dff;border-radius:20px;width:250px;height:300px; }
.pictureinpicture2 {display:inline-block;width:250px;height:300px;background-size:120%;background-repeat:no-repeat;background-position:top;}
.infobox {width:1150px;height:750px;position:absolute;z-index:2;top:180;left:180; }
.titlehr {height:5px;width:100%;background-image:linear-gradient(to right, rgba(71,112,230,1), rgba(71,112,230,0)90%);}
.secondhr {height:3px;width:100%;background-image:linear-gradient(to right, rgba(99,141,255,0), rgba(99,141,255,1), rgba(99,141,255,0)90%);}
.cyberbox h1 {font-size:35px;margin-left:15px;margin-top:10px; }
.call {margin:5px;font-size:25px;color:#638dff;}
.highlight {font-size:25px;color:#638dff;}
.blue {color:#638dff}
.cybutton { margin-top:30px;padding-left:70px;font-size:20px;background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/76112997_Ahmp0OaE601cv1l.png);background-repeat:no-repeat;background-position:bottom center;background-size:contain;width:250px;height:50px;}
.cyberbox a:hover {color:white; }
.cyberbox a:onclick {color:#638dff;}
.cyberbox .tab-content {width:90%;height:450px;margin-left:20px; border:5px solid #4770e6; border-radius:20px;padding:10px;font-size:20px;overflow-y:auto;background-image:url(https://f2.toyhou.se/file/f2-toyhou-se/images/76104718_fcPdKfdi4kKOFvn.png);background-size:cover;background-repeat:no-repeat;}
/*--colors from brightest to darkest--
teal
00ffa7 0,255,167
00e49b 0,228,155
006460 0,100,96
00413a 0,65,58
honey
ffb32f 255,179,47
f58e00 245,142,0
6d3d00 109,61,0
562e00 86,46,0
blue
638dff 99,141,255
4770e6 71,112,230
2d3168 45,49,104
1b1e44 27,30,68
purple
b877ff 184,119,255
893de8 137,61,232
3c136e 60,19,110
270d47 39,13,71
green
00c776 0,199,118
009d70 0,157,112
003625 0,54,37
00201b 0,32,27
*/