body {
    background-color:#0C0D14 !important;
    color:white !important;
}
* {
    font-family: 'Nunito', sans-serif;
}
.image-container {
position: relative;
overflow: hidden;
}
.pointer {
cursor:pointer;
}

.image-container img {
transition: transform 0.3s ease-in-out; /* Add a smooth transition effect */
}

.image-container:hover img {
transform: scale(1.1); /* Increase the scale on hover */
}
a:hover {
color:#F274FC !important;
}
h1 {
    font-size:25px !important;
    color:#F274FC;
    text-shadow: 0 0 10px rgba(229,20,245, 0.8), 0 0 20px rgba(229,20,245, 0.8), 0 0 30px rgba(229,20,245, 0.8);
}
a:hover {
        color:#F274FC;
        text-shadow: 0 0 10px rgba(229,20,245, 0.8), 0 0 20px rgba(229,20,245, 0.8), 0 0 30px rgba(229,20,245, 0.8);
    }
.page-link {
    background-color:#c92cd4 !important;
    border-color:#c92cd4 !important;
    color:white !important;
    border-radius:5px;
}
.nyk {
    background-color:#8e1f96 !important;
    border-color:#8e1f96 !important;
    color:white !important;
    border-radius:5px;
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    text-decoration: none;
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.page-link:hover {
    color:white !important;
    box-shadow: 0 0 10px rgba(229,20,245, 0.8), 0 0 20px rgba(229,20,245, 0.8), 0 0 30px rgba(229,20,245, 0.8);
}
.page-link a {
    color:white !important;
}
@media only screen and (max-width: 780px) {
    .inner-sivu {
      display:none;
    }
  }
  @media only screen and (min-width: 800px) {
    .desk-none {
      display:none;
    }
  }
  .form-inputs i{
    position:absolute;
    right:15px;
    top:13px;
}
.form-inputs {
    position: relative;
}
.form-control::placeholder {
    color:white !important;
}
.game-frame {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
}
.game-iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 600px;
}
.dropdown-menu {
            background-color: rgb(33 34 51) !important;
            border-color: rgb(33 34 51) !important;
}