@import "./variables";

.main-title {
    position: fixed;
    left: 0px;
    top: calc(50vw * var(--pxToVw));
    z-index: 99999;
    background: white;
    padding: calc(30vw * var(--pxToVw));
    color: var(--primary);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    max-width: calc(600vw * var(--pxToVw));
}


.btn {
    width: auto;
    height: calc(80vw * var(--pxToVw));
    border-radius: 0;
    outline: none;
    box-shadow: none !important;
    font-size: calc(32vw * var(--pxToVw));
    padding: 0px !important;
    border: 0px;
}

.square-btn-drop-shadow, .slide-image {
    filter: drop-shadow(calc(0vw * var(--pxToVw))calc(-2vw * var(--pxToVw))calc(8vw * var(--pxToVw)) rgba(0, 0, 0, 0.15));
}

.back {
    z-index: 9999;
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.4s linear;
}

.fade-enter,
.fade-leave-to {
    opacity: 0;
}


.slide-down-enter-active, .slide-down-leave-active {
    transition: all .5s;
}

.slide-down-enter-to, .slide-down-leave {
    overflow: hidden;
    max-height: 100%;
}

.slide-down-enter, .slide-down-leave-to {
    overflow: hidden;
    max-height: 0;
}