@import url('variables.css');

/* Hide scrollbar for Chrome, Safari and Opera */
.container::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.container {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

body {
    background-image: linear-gradient(#363636, #000000);  /* #17150e; */
    background-attachment: fixed;
}

#start-content {
    display: block;
    width: auto;
    align-items: center; /* Центрування по вертикалі */
    overflow: hidden; /* Ховаємо scroll */
}

* {
    outline: none;
    -webkit-tap-highlight-color: transparent; /* для мобільних браузерів */
}
  

.card-button {
    -moz-box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.card-button:hover {
    filter: brightness(1.05);
    cursor: pointer;
    box-shadow: 0 6px 14px rgba(0,0,0,0.35);
}

.card-button:active {
    transform: scale(0.98);
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}