Here's my profile's CSS. Feel free to use it as an example to customize your profile !
--

BODY {
font-family: Rockwell Extra Bold,Rockwell Bold,monospace!important;
color:;
}
BODY DIV A IMG{
opacity: 0.4;
margin: 10px 0 25px;
background:linear-gradient(-20deg, black, );
box-shadow:-3px -3px 10px , 2px 2px 10px ;
border-top-left-radius: 20px;
border-bottom-right-radius:20px;
}

H1 {
font-weight: 700;
font-size: 22px;
text-transform:uppercase;
letter-spacing:2px;
word-spacing:0.3vw;
line-height:23px;
width:fit-content;
border:1px solid ;
border-radius:5px;
padding: 5px 10px;
background-color:;
color:;
margin: 30px auto 10px;
box-shadow:0 0 5px ;
text-shadow:1px 1px ;
}

.head{
font-size:15px;
margin-bottom:10px;
text-decoration:underline rgba(221, 240, 240, 0.5);
font-style: italic;
color:;
opacity:0.9;
}

.badge{
margin: 0 10px!important;
text-transform:uppercase;
color:;
border-top-left-radius:10px;
letter-spacing:0.5px;
text-shadow:1px 1px rgba(255, 0, 0, 0.6);
box-shadow: -1px -1px 3px rgba(255, 0, 0, 0.4);
background:linear-gradient(to bottom right, rgba(255, 0, 0, 0.4), black);
}
.badge IMG{
opacity:0.5!important;
}

.row{
color:;
line-height:20px;
text-shadow:1px 1px rgba(242, 243, 182, 0.4);
align-items:center;
display:flex;
margin-left:5%;
}
.row div{
color:!important;
font-size:18px!important;
text-shadow:1px 1px , -3px 0 10px !important;
letter-spacing:1px;
margin-right:15%!important;
margin-left:0!important;
}

.nav_div a{
color:#f44;
text-decoration:none;
border:1px solid #f44;
padding: 0px 3px;
font-size:12px;
}
.nav_div {
font-size: 15px;
text-transform:uppercase;
padding:3px;
}
.nav_div a img{
opacity:1;
margin:0;
border-radius:0;
box-shadow:none;
background:none;
}

.nav_avatar{
padding:3px;
}
.nav_avatar IMG{
border-top-left-radius: 10px!important;
border-bottom-right-radius:15px!important;
border: 1px solid ;
box-shadow:0 0 5px ;
width:35px;
height:35px;
}
.nav_avatar a img{
opacity: 1;
margin:0;
box-shadow:none;
background:none;
}

.menu_section{
border-radius:0px;
padding: 10px 0px;
height: fit-content;
background :linear-gradient(90deg, , black 2% 95%, 99%);
border: thick double ;
box-shadow:-2px -2px 10px red, 2px 2px 10px yellow;
color:;
}
.menu_section .button_div{
text-transform:uppercase;
letter-spacing:1px;
border-radius: 2px;
border: 1px solid ;
background-color :black;
color: #f44;
font-weight: 600;
padding: 5px 0;
margin: 5px 10px;
}
.menu_section a img{
opacity:1;
margin:0;
border-radius:0;
box-shadow:none;
background:none;
}

.form_body{
padding:10px!important;
}

.button_div a {
color: ;
text-decoration: none;
font-weight: 700;
font-size: 15px;
}
form .button_div{
border-color:red!important;
margin-top: 30px!important;
float:right!important;
margin-right:30px!important;
}

.icon{
opacity:0.2;
margin:0;
border-radius:15px;
border-bottom-right-radius:100px;
box-shadow:-2px -2px 5px ,1px 1px 5px yellow;
background-color:black;
}

textarea{
min-width: 500px;
max-width: 500px;
min-height: 200px;
max-height: 200px;
margin-bottom: 10px;
box-shadow:inset 1px 1px 5px rgba(0, 243, 239, 0.6),-2px -2px 3px rgba(255, 0, 0, 0.4), 2px 2px 3px rgba(255, 255, 0, 0.4);
border:none!important;
background-color:!important;
color:;
padding:3px;
margin-top:10px;
}

.form_button{
text-transform:uppercase;
color:;
background:black!important;
border:1px solid ;
padding:2px 9px;
font-weight:600;
font-size:15px;
margin-bottom:20px;
}

td form a{
color:;
text-decoration:none;
padding:0;
margin-left:5px;
}

.zebra:nth-child(odd){
background-color:rgba(0, 243, 239, 0.1);
border-top:1px solid rgba(0, 243, 239, 1);
box-shadow: 0 -2px 2px rgba(0, 243, 239, 0.4);
text-transform:uppercase;
color:rgba(221, 240, 240, 0.8 );padding: 15px 0!important;
line-height:20px;
}
.zebra:nth-child(odd) a{
font-size:18px;
font-weight:600;
letter-spacing:0.5px;
text-decoration:none;
border:1px solid ;
color:;
padding: 0 5px;
}

.zebra:nth-child(even){
background-color:black;
box-shadow:inset 1px 1px 2px rgba(255, 0, 0, 0.6), 1px 1px 2px rgba(0, 243, 239, 0.4);
border-bottom:1px solid rgba(0, 243, 239, 1);
padding:15px 8px;
margin-bottom:10px;
font-size:14px;
color:;
}

.zebra .avatar{
width:auto;
height:65px;
margin-left: 10px;
border: thick double ;
box-shadow: inset 1px 1px 3px black, 1px 1px 2px ;
border-top-left-radius: 10px;
border-bottom-right-radius:30px;
margin-right:15px;
margin-top:-5px;
}

select{
background-color: black;
color:;
border: 1px solid ;
}

hr{
display:flex;
border: 1px solid ;
}

---

- MAIN - my profile's css