Forums and etc ranked
<!DOCTYPE html>
<html>
<head>
<title>rank</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cal+Sans&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Tagesschrift&display=swap" rel="stylesheet">
<style>
body {
margin:0;
padding:0;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
.rank {
width: 150px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0 15px 10px 10px;
font-size: 25px;
font-family: "Cal Sans", sans-serif;
font-weight: 400;
font-style: normal;
border: 2px solid black;
}
#owner {
background-color: #fcec03;
color: black;
}
#admin {
background-color: red;
color: white;
}
#support {
background-color: purple;
color: white;
}
#worker-ln {
background-color: #0c57f7;
color: white;
}
#user {
background-color: green;
color: white;
}
</style>