:root {
--main-color: #DFEFF5;
--forum-bg-color: #F0F0F0;
--secondary-color: #319BA8;
--accent-color: #D5B25A;
}

/*scrollbars*/
/* For browsers that support `scrollbar-*` properties */
@supports (scrollbar-color: auto) {
  html {
    scrollbar-color: var(--secondary-color) var(--main-color);
  }
}

/* Otherwise, use `::-webkit-scrollbar-*` pseudo-elements */
@supports selector(::-webkit-scrollbar) {
  html::-webkit-scrollbar {
    background: var(--secondary-color);
  }
  html::-webkit-scrollbar-thumb {
    background: var(--main-color);
  }
}
body {
    background: var(--main-color);
    color: var(--secondary-color);
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    font-size: 16px;
}
a {
color: var(--secondary-color);
}
a:hover {
color: var(--accent-color);
}
#pun_wrap{
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
#pun_wrap > * {
background: var(--forum-bg-color);
border: 5px solid;
margin: 40px 0;
padding: 1em;
}
#pun{
    width: min(90vw, 1200px);
    background: var(--forum-bg-color);
}
#pun-navlinks h2, #pun-ulinks h2 {
    display: none;
}
#pun-navlinks ul, #pun-ulinks ul {
    margin: 0;
    padding: 0;
}
#pun-navlinks li, #pun-ulinks li {
    list-style-type: none;
    text-align: right;
}
#pun-navlinks ul{
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 2px solid;
}