.header{
    text-align: left;
    display: flex;
    justify-items: left;
    padding: 1vw 0 0 0;
}
.header-image{
    width: 6vw;
    height: 6vw;
    padding: 0 1vw;
}
.header-titles{
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    height: 6vw;
}
.header-title{
    margin: 0.5vw 0 0;
    font-size: 3rem;
}
.header-game{
    margin: 0;
    color: var(--secondary-color);
}
.dlbutton-modalopen{
    margin-left: auto;
    margin-right: 2vw;
    margin-top: 1vw;
    width: fit-content;
}
.dlbutton{
    width: 3vw;
    height: 3vw;
    margin-right: 1vw;
}
.modal{
    background-color: var(--bg-color) !important;
    max-width: 30vw !important;
}
.text{
    margin-top: 3%;
}
.dlbutton-modalopen a{
    width: fit-content; 
}
.dlbutton-modalopen button{
    font-family: 'IBM Plex Sans', sans-serif;
    min-width: 142px;
    min-height: 60px;

    max-height: 60px;
    font-size: 1rem;
    border: 0px solid transparent;
    color: var(--textcolor);
    font-weight: bold;
    background: linear-gradient(144deg,#01853c, #65e75a 50%,#69b10b);
    border-radius: .5rem;
}

.dlbutton-modalopen button span {
  display: inline;
  background-color: rgb(5, 6, 45);
  color: white;
  padding: 16px 16px;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}
.dlbutton-modalopen button span i{
    display: inline;
  }
.dlbutton-modalopen button:hover span {
    mix-blend-mode: multiply;
}