.bg {
    background-color: rgba(1, 29, 50, 0.448);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
}
@font-face {
font-family: 'Roboto Mono';
src: url(/assets/Roboto-Mono-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'Roboto Mono';
src: url(/assets/Roboto-Mono-Regular.ttf) format('truetype');
font-weight: 600;
font-style: normal
}

body {
background-color: rgba(1, 29, 50, 0.806);
color: #c9c9c9;
font-family: 'Roboto Mono', monospace;
max-width: 800px;
margin: 0 auto;
/* padding: 20px */
}

.container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 20px;
padding-left: 40px;
justify-content: center;
}

h1 {
text-align: center;
position: relative
}

.category {
margin-bottom: 20px
}

.category h2 {
margin-bottom: 10px;
color: rgb(130, 150, 165);
}

.links {
list-style-type: lower-greek;
padding: 0;
margin: 0
}

.links li {
margin-bottom: 10px
}

.links li a {
color: #fff;
text-decoration: none;
font-weight: bolder
}

.links li a:hover {
color: #caca;
text-decoration: underline
}

.donations {
overflow-x: scroll
}

@media (width <= 800px){
  img {
    display: none !important;
    /* position: absolute;
    bottom: 10px */
  }
  
}

@media (max-width:600px) {
h1 {
  position: relative;
  top: 5px;
  font-size: 24px
}

.container {
  grid-gap: 0;
  padding: 20px
}
}

.footer {
    padding: 20px;
    background-color: rgba(7, 48, 80, 0.448);
}