@use "colors" as c;

@mixin main {
  display: flex;
  align-items: center;
  justify-content: left;

  &.centered {
    justify-content: center;
  }

  padding: 0px 10px;
  min-height: 60px;

  background-color: c.$bg;
  border-bottom: c.$accent 0.2vh solid;

  user-select: none;

  #hlogo>img {
    max-height: 45px;
    max-width: 200px;
    margin-top:5px;
    padding:auto;
  }

  h1.centered {
    align-self: center;
    margin:0px;
  }
  
}