@font-face {
  font-family: 'v1lka29font'; 
  
  src: url('/static/fonts/amaz.ttf') format('woff2'),
       url('/static/fonts/amaz.ttf') format('woff');
       
  font-weight: normal;
  font-style: normal;
  
  font-display: swap; 
}


body {
  font-family: 'v1lka29font';
  min-width: 100vw;
  min-height: 100vh;

  background-color: black;
  color: white;

  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
}

.divmain {
  background-image: url(/static/media/basic.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 9 / 16; 
  width: 90%; 
}



.divmainbmarg {
  margin-top: 30%;
}

@media (pointer: fine) {
  .divmain {
    background-image: url(/static/media/basic.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 9 / 16; 
    width: 50%; 
  }
}

.horisontal-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  background-color: transparent;
}


.vertical-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  background-color: transparent;
}

.vertical-scrollable {
  display: flex;
  flex-direction: column;
  align-items: left;
  align-content: center;
  background-color: transparent;
  overflow-y: auto;
}

.card {
  background-color: #000000dd;
}

button {
  background: linear-gradient(0deg, #181818dd, #000000ff);
  color: white;
  font-family: 'v1lka29font';
  font-size: xx-large;
  border: 1px solid gray;
}

button:hover {
  border: 1px solid white;
  background: linear-gradient(0deg, #ff0000ff, #000000ff);
}


li {
  font-size: x-large;
}

ul {
  list-style-type: none; 
  padding: 0; 
  margin: 0; 
}