:root {
    box-sizing: border-box;
    --primary: #e70146;
    --hover-color: #fdd052;
    --header-bg: var(--primary);
  }
  *,
  *::after,
  *::before {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
  }
  body {
    font-family: "helvetica", sans-serif;
  }
  
  header {
    background: var(--header-bg);
    padding-left: 1.5em;
    position: sticky;
    top: 0;
  }
  .navbar {
    display: flex;  flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch;
    height:40px
  }
  #branding, #mainmenu {display:  flex; align-items: stretch;}
  #branding {font-size: 20px;}
  #mainmenu {font-size: 16px;}
  .branding-logo{ color: white;}