html {
  scroll-behavior: smooth;
}

.slide-element {
    opacity: 1;
}

.card {
    transition: transform 0.3s ease;
}

.card:hover {
    transform: rotate(3deg);
}

.tile {
    transition: all 0.4s ease;
    cursor: pointer;
}

.tile .text-xl {
    display: none;
}

.tile-open {
    background-color: #6C1F59 !important;
}

.tile-open svg path  {
    transition: all 0.4s ease;
}

.tile-open svg path {
    fill: #6C1F59;
}

.tile-open svg {
    transition: all 0.4s ease;
}

.tile-open svg {
    width: 60px;
    height: 60px;
}

.tile-open .text-xl {
    display: block;
}