@font-face {
    font-family: 'Caviar Dreams';
    src: url('/src/demo/assets/fonts/CaviarDreams/CaviarDreams.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root{
    --button-background: #75613F;
    --button-background-activated: #b58b42;
    --background-color: #FFFF;
    --header-background: #75613F;
}

body,
html {
    height: 100%;
    margin: 0;
    font-family: 'Caviar Dreams', sans-serif;
    scrollbar-width: none;      /* Firefox */
    -ms-overflow-style: none;   /* IE y Edge */
}
body::-webkit-scrollbar {
    display: none;              /* Chrome, Safari y Opera */
}

h1, h2, h3, p, .btn-text {
    font-family: 'Caviar Dreams', sans-serif;
}

.mobile-wrapper {
    max-width: 690px;
    width: 100%;
    margin: auto;
    background-color: white;
    min-height: 100vh;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.logo-wrapper{
    width: 360px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo {
    width: 80%;
    height: auto;
    margin: 0 auto;
    padding: 1rem 0;
    margin-top: 6rem;
    margin-bottom: 0rem;
}

.btn-text {
    color: white;
    text-decoration: none;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'dlig' on;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 100% */
    letter-spacing: 0.2px;
}

.btn-style{
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--button-background);
    height: 3.5rem;
    width: 70%;
    border-radius: 25px;
    opacity: 0.75;
}

p{
    max-width: 55%;
    font-size: 0.8rem;
}

.img-byQarta{
    max-width: 35%;
}

.img-byQarta-black{
    filter: invert(1);
    max-width: 35%;
}