wf-radio/frontend/src/styles/settings.module.css

.logo {
  position: absolute;
  top: 1.6rem;
  left: 2rem;
  height: 6em;
  
  padding: 1.5em;
  
  user-select: none;
}

.logoTitle {
  position: absolute;
  left: 10rem;
  top: 4rem;

  margin: 0;

  color: #eaeaea;
  font-family: Inter;
  font-weight: 600;
  font-size: 2.5em;

  user-select: none;
}

.tabsContainer {
    position: absolute;
    left: 4rem;
    top: 11rem;
    bottom: 4rem;
    /* right: 97rem; */

    width: 15rem;

    border-radius: .5rem;

    /* background-color: #1a1a1a; */

}

.tab {
    position: relative;
    left: 4rem;
    right: 0;
    /* transform: translate(-50% , -50%); */

    margin: 1em 0;

    padding: .2em .4em;
    width: fit-content;

    color: #8a8a8a;
    font-size: 1.5em;
    border-radius: .5em;

    user-select: none;

    transition: 200ms;
}

.tab:hover {
    background-color: #eaeaea20;
    cursor: pointer;
}

.tab:active {
    background-color: #eaeaea30;
}

.logout {
    color: #c24040;
    cursor: pointer;
}

.logout:hover {
    color: #eaeaea;
    background-color: #bc3939;
}

.title {
    font-size: 1.4em;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 2em;
}

.category {
    background: none; /*Only to remove the empty warning for the moment */
}