codes 9/1/24

< --- name container --- >
background: #f0f5fa;
border: 1px dotted #454545;
border-radius: 50%;
height: 40px;
width: 80%;

< --- name text --- >
font-family:'ROMANTIC';
-webkit-text-stroke: 1px #000;
bottom: 10px;

< --- image next to name text --- >
position: absolute;
left: 30px;
bottom: 0px;

< --- main container --- >
height: 350px;
width: 85%;
border: 1px dotted #454545;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 40%), inset -13px 0px 6px -10px rgb(66 66 66 / 40%), inset 0px 13px 6px -10px rgb(66 66 66 / 40%), inset 0px -13px 6px -10px rgb(66 66 66 / 40%);
border-radius: 5px;

< --- menu text --- >
background: white;
padding: 4px;
top: 9px;
width: 75px;
border-radius:30px;
border: 1px dotted #808080;

< --- 'about' text --- >
background: #dae1e8;
font-family: pixel;
padding: 2px 8px;
width: 50px;
border-radius: 10px 10px 10px 0px;
border-top: 1px solid #adadad;
border-left: 1px solid #adadad;
border-right: 1px solid #adadad;
position: relative;
top: 155px;

< --- 'about' hover --- >
background: #749bc2;
width: 50px;
border-radius: 10px 10px 10px 0px;
border-top: 1px solid #adadad;
border-left: 1px solid #adadad;
border-right: 1px solid #adadad;

< --- about textbox --- >
background: #ffffffd6;
font-family: pixel;
padding: 10px;
top: 9px;
width: 220px;
border-radius: 0px 30px 30px 0px;
border: 1px solid #adadad;
position: relative;
top: 155px;

< --- guidelines container --- >
width: 240px;
border: 1px dotted #454545;
border-radius: 6px;
position: absolute;
left: 42px;
bottom: 180px;

< --- guidelines header --- >
background: #dae1e8;
font-family: pixel;
padding: 2px 8px;
width: 90px;
border-radius: 30px 30px 0px 0px;
border-top: 1px solid #adadad;
border-left: 1px solid #adadad;
border-right: 1px solid #adadad;
left: 70px;

< --- hover for guidelines/likes/tunes header --- >
background: #749bc2;
width: 90px;
border-radius: 30px 30px 0px 0px;
border-top: 1px solid #adadad;
border-left: 1px solid #adadad;
border-right: 1px solid #adadad;

< --- scrollbox for guidelines section --- >
background: #ffffffd6;
font-family: pixel;
padding: 10px;
border-radius: 10px;
border: 1px solid #adadad;
height: 80px;
overflow-y: scroll;

< --- guidelines img --- >
position: absolute;
bottom: 250px;
left: 240px;

< --- likes container --- >
width: 120px;
border: 1px dotted #454545;
border-radius: 6px;
position: absolute;
left: 42px;
bottom: 180px;
padding: 2px;

< --- tunes container --- >
width: 120px;
border: 1px dotted #454545;
border-radius: 6px;
position: absolute;
left: 170px;
bottom: 180px;
padding: 2px;

< --- likes/tunes header --- >
background: #dae1e8;
font-family: pixel;
padding: 2px 8px;
width: 90px;
border-radius: 30px 30px 0px 0px;
border-top: 1px solid #adadad;
border-left: 1px solid #adadad;
border-right: 1px solid #adadad;
left: 8.5px;

< --- scrollbox for likes/tunes sections --- >
background: #ffffffd6;
font-family: pixel;
padding: 5px;
border-radius: 10px;
border: 1px solid #adadad;
height: 80px;
overflow-y: scroll;

< --- likes/tunes img --- >
position: absolute;
bottom: 240px;
left: 140px;