@font-face {
    font-family: 'Comissioner';
    src: url(./comissioner_font/Commissioner.ttf);
}

body {
    font-family: 'Comissioner';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html,
body {
    margin: 0;
    height: 100%;
}
main {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.highlightedColor {
    color: rgb(180, 70, 84);
}

.plainBackgroundColor {
    background-color: white;
}

.plainColor {
    color: white;
}

.color1 {
    color: rgb(230, 159, 106);
}

.color2 {
    color: rgb(180, 70, 84);
}

.color2row:nth-child(2n) {
    color: rgb(230, 159, 106);
}

.color2row:nth-child(2n+1) {
    color: rgb(180, 70, 84);
}

.hidden {
    display: none;
}

.hoverBackgroungColor:hover {
    background-color: rgba(180, 70, 84);
}

.highlightedBackgroundColor {
    background-color: rgb(180, 70, 84);
}

.linearGradient {
    background: linear-gradient(to right, rgb(51, 32, 68) 0, rgb(180, 70, 84) 50%, rgb(230, 159, 106) 100%);
}

/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: rgba(230, 159, 106, 0.1);
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: rgba(230, 159, 106, 0.4);
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: rgba(230, 159, 106, 0.7);
  }