* {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: "Book Antiqua", sans-serif;
    color: #947171;
    /*font-family: "Cormorant Infant", sans-serif;*/
    /*font-family: "Poiret One", sans-serif;*/



}


body {
    z-index: -1;
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),
    url("images/back.jpg");
    background-blend-mode: lighten;
    /*background-image: url("images/back.jpg");*/
}
.watermark {
    content: "ya-invite";
    position: fixed;
    font-size: 80px;
    color: rgba(0, 0, 0, 0.08);
    transform: rotate(-25deg);
    pointer-events: none;
    z-index: 555;
    white-space: nowrap;
    font-weight: 600; /* выглядит аккуратнее */
}

/* Три позиции */
body::before {
    content: "ya-invite";
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-25deg);
    font-size: 80px;
    color: rgba(0,0,0,0.08);
    pointer-events:none;
    z-index:555;
    white-space:nowrap;
}

body::after {
    content: "ya-invite";
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-25deg);
    font-size: 80px;
    color: rgba(0,0,0,0.08);
    pointer-events:none;
    z-index:555;
    white-space:nowrap;
}

html::after {
    content: "ya-invite";
    position: fixed;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-25deg);
    font-size: 80px;
    color: rgba(0,0,0,0.08);
    pointer-events:none;
    z-index:555;
    white-space:nowrap;
}
#preloader {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #E5E3E4;
    color: #947171;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 26px;
    z-index: 9999;

}
.preloader-text, .loader-text span {
    font-family: "Marck Script", cursive;
}





.container {
    max-width: 1100px;
    margin: 0 auto;
}
.title {
    font-family: "Marck Script", cursive;

}
.hidden {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.hid {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 3s ease-out;
}


.show {
    opacity: 1;
    transform: translateY(0);
}
.invite {
    padding-top: 100px;
}
.invite .container, .main .container, .dresscode .container, .wishes .container,
.timout .container{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    padding: 60px;
    box-sizing: border-box;
    border: 2px solid #947171;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
    background-image: url("images/back-container.jpg");
}
.invite .container::before, .main .container::before, .dresscode .container::before,
.wishes .container::before,
.timout .container::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    border: 2px solid #947171;
    z-index: 1;
    pointer-events: none; /* Чтобы не мешало кликам */
}
.invite-date {
    font-size: 36px;

}
.invite-name {
    font-size: 60px;

    /*font-family: "Book Antiqua", sans-serif;*/
    font-family: "Marck Script", cursive;
    /*font-family: "Gabriola", "Noteworthy", "Segoe Print", cursive;*/
    /*font-family: "Great Vibes", sans-serif;*/
}
.yes {
    font-size: 36px;

}
.yes span{
    font-family: "Marck Script", cursive;

}

.invite {
    padding-top: 100px;
}
.main {
    padding-top: 100px;
    text-align: center;
}
.main .main-info {
    max-width: 550px;
}
.dear {
    font-size: 60px;

}
.main-text {
    font-size: 28px;
    margin: 20px 0;
}
.main-reg {
    font-size: 36px;
}
.main-address {
    font-size: 36px;
}
.main-address-text {
    font-size: 28px;
    margin: 20px 0;
}

.main-info a {
    font-size: 28px;
    text-decoration: none;
    outline: none;
    color: #947171;
    padding: 10px;
    border-top: 1px solid #947171;
    border-bottom: 1px solid #947171;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
}
.main-info a:hover {
    color: #7a0f21;

}
.dresscode {
    padding-top: 100px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.dresscode-title {
    font-size: 60px;

}
.dresscode-info {
    max-width: 550px;

}
.dresscode-info-text, .dresscode-contact-text {
    font-size: 28px;
    margin: 20px 0;
}
.dresscode-contact-text {
    max-width: 550px;
}

.dresscode-contact {
    font-size: 36px;
}
.dresscode-contact-name {
    font-size: 28px;
    margin-bottom: 10px;
}
.dresscode a {
    font-size: 28px;
    text-decoration: none;
    outline: none;
    color: #947171;
    display: inline-block;
    cursor: pointer;
}
.dresscode a:hover {
    color: #7a0f21;

}
.dresscode-info-blocks {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.dresscode-info-block {
    width: 150px;
    height: 80px;
}







.dresscode-info-block.one {
    background-color: #E5E3E4;
}

.dresscode-info-block.two {
    background-color: #DDBEAA;
}
.dresscode-info-block.three {
    background-color: #BBC6C8;
}


.wishes {
    padding-top: 100px;
}
.wishes-title {
    font-size: 60px;
}
.wishes-text {
    max-width: 550px;
    text-align: center;
    font-size: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.wishes-text svg {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;

}
.timout {
    padding-top: 100px;
}


.timout {
    padding: 100px 0 50px 0;
}
.timout-title {
    font-size: 60px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}
#countdown {
    display: flex;
    justify-content: center;
    gap: 0px;
}

.time-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    text-align: center;

}

.time-box span {
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
}

.time-box p {
    margin: 5px 0 0;
    font-size: 14px;
    text-transform: uppercase;
    opacity: 0.8;
    font-weight: bold;
}

/*.invite {*/
/*    background-color: #f9f9f9;*/
/*    position: relative;*/
/*    text-align: center;*/
/*    padding: 300px 0 265px 0;*/
/*}*/
/*.invite .name {*/
/*    color: #e8e5e0;*/
/*    font-size: 440px;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    position: absolute;*/
/*    font-weight: bold;*/
/*}*/
/*.invite-name {*/

/*}*/
/*.invite-name {*/
/*    color: #7a0f21;*/
/*    font-size: 60px;*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    display: inline-block;*/
/*    opacity: 1;*/

/*}*/
/*.invite-name span {*/
/*    font-family: "Great Vibes", sans-serif;*/
/*    opacity: 0;*/
/*    transform: translateY(10px);*/
/*    display: inline-block;*/
/*    animation: fadeIn 0.8s forwards ease-in-out;*/
/*}*/

/*@keyframes fadeIn {*/
/*    from {*/
/*        opacity: 0;*/
/*        transform: translateY(10px);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        transform: translateY(0);*/
/*    }*/
/*}*/

/*.photo {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    background-color: #f9f9f9;*/
/*    padding-bottom: 100px;*/


/*}*/
/*.photo-one {*/
/*    position: relative;*/
/*    z-index: 2;*/
/*}*/
/*.photo-one img {*/
/*    width: 480px;*/
/*}*/
/*.back-clip {*/
/*    position: absolute;*/
/*    top: -100px;*/
/*    right: -235px;*/
/*    z-index: -1;*/
/*}*/
/*.program-title, .dresscode-title, .wishes-title, .organizer-title, .location-title, .presence-title, .timout-title {*/
/*    font-size: 95px;*/
/*    color: #7a0f21;*/
/*    margin-bottom: 30px;*/
/*}*/



/*.program, .organizer, .location, .dresscode, .wishes, .presence {*/
/*    background-color: #f9f9f9;*/
/*}*/

/*.calendar {*/
/*    width: 360px;*/
/*    padding: 20px;*/
/*    text-align: center;*/
/*}*/

/*.days {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(7, 1fr);*/
/*    gap: 5px;*/
/*    font-size: 29px;*/
/*}*/
/*.day {*/
/*    padding: 10px;*/
/*    position: relative;*/
/*}*/
/*.day.empty {*/
/*    background: transparent;*/
/*}*/
/*.heart {*/
/*    color: #7a0f21;*/
/*    font-size: 46px;*/
/*    position: absolute;*/
/*    bottom: -8px;*/
/*    right: 1px;*/
/*    z-index: -1;*/
/*}*/
/*.heart svg {*/
/*    width: 49px;*/
/*    height: 40px;*/
/*}*/

/*.day.special {*/
/*    color: white;*/
/*}*/

/*.main {*/
/*    padding: 0 0 100px 0;*/
/*    background-color: #f9f9f9;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    width: 100vw;*/

/*}*/
/*.main img {*/
/*    position: absolute;*/
/*    top: 48px;*/
/*    width: 860px;*/
/*    right: -84px;*/
/*}*/

/*.main-info {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    flex-direction: column;*/
/*}*/

/*.dear {*/
/*    font-size: 100px;*/
/*    color: #7a0f21;*/
/*    margin-bottom: 30px;*/
/*}*/
/*.no-fonts {*/
/*    font-size: 46px;*/
/*    color: black;*/
/*    margin-bottom: 180px;*/
/*}*/
/*.main h2 {*/
/*    font-size: 62px;*/
/*    color: #7a0f21;*/
/*    margin-bottom: 20px;*/
/*}*/

/*.location {*/
/*    padding-bottom: 100px;*/

/*}*/
/*.location .container {*/
/*    text-align: center;*/
/*}*/

/*.location-info p {*/
/*    font-size: 40px;*/
/*    color: black;*/
/*}*/

/*.location-address p {*/
/*    font-size: 30px;*/
/*    color: #564d4d;*/
/*    margin: 30px 0;*/
/*}*/

/*.location-address a {*/
/*    font-size: 24px;*/
/*    text-decoration: none;*/
/*    outline: none;*/
/*    color: white;*/
/*    background-color: #7a0f21;*/
/*    padding: 20px;*/
/*    border-radius: 50px;*/
/*    display: inline-block;*/
/*    cursor: pointer;*/
/*}*/
/*.location-address a:hover {*/
/*    color: #262626;*/
/*    background-color: #d5506d;*/

/*}*/
/*.program {*/
/*    padding-bottom: 100px;*/

/*}*/
/*.program .container {*/
/*    text-align: center;*/
/*}*/

/*.timeline {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    max-width: 528px;*/
/*    margin: auto;*/
/*}*/

/*.event {*/
/*    display: grid;*/
/*    grid-template-columns: 160px 1fr;*/
/*    align-items: center;*/
/*    grid-template-rows: 164px*/

/*}*/

/*.icon {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

/*.time-info {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    align-items: flex-start;*/
/*    color: #7a0f21;*/

/*}*/

/*.description span{*/
/*    font-weight: bold;*/
/*    font-size: 22px;*/
/*}*/
/*.description {*/
/*    font-size: 22px;*/
/*}*/

/*.time-info .text {*/
/*    font-size: 16px;*/
/*}*/

/*.icon.first img {*/
/*    width: 160px;*/
/*}*/

/*.icon.second img, .icon.three img, .icon.four img {*/
/*    width: 100px;*/
/*    height: 100px;*/
/*}*/

/*.dresscode {*/
/*    padding-bottom: 70px;*/
/*}*/
/*.dresscode .container {*/
/*    text-align: center;*/
/*}*/
/*.dresscode-info-text {*/
/*    font-size: 40px;*/
/*    margin-bottom: 30px;*/
/*    color: black;*/
/*}*/
/*.dresscode-info span {*/
/*    font-family: "Great Vibes", sans-serif;*/
/*    font-size: 30px;*/
/*    color: #564d4d;*/

/*}*/

/*.dresscode-info-blocks {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    gap: 20px;*/
/*    margin-top: 20px;*/
/*    margin-bottom: 30px;*/
/*}*/

/*.dresscode-info-block {*/
/*    width: 150px;*/
/*    height: 80px;*/
/*}*/
/*.dresscode-info-block.first {*/
/*    background-color: #dd4774;*/
/*}*/

/*.dresscode-info-block.second {*/
/*    background-color: #7d4264;*/
/*}*/
/*.dresscode-info-block.third {*/
/*    background-color: #7a0f21;*/
/*}*/



/*.dresscode-info-block.four {*/
/*    background-color: #42031c;*/
/*}*/

/*.dresscode-info-block.five {*/
/*    background-color: #e7e4de;*/
/*}*/
/*.dresscode-info-block.six {*/
/*    background-color: #5d595b;*/
/*}*/



/*.dresscode-info-block.seven {*/
/*    background-color: #191919;*/
/*}*/

/*.organizer {*/
/*    padding-bottom: 100px;*/
/*    background-color: #f9f9f9;*/
/*    position: relative;*/
/*    width: 100vw;*/
/*}*/
/*.organizer .container {*/
/*    text-align: center;*/
/*}*/


/*.organizer img {*/
/*    position: absolute;*/
/*    bottom: -217px;*/
/*    width: 860px;*/
/*    left: -61px;*/
/*}*/
/*.organizer-text {*/
/*    font-size: 40px;*/
/*    margin-bottom: 30px;*/
/*}*/
/*.organizer-name, .organizer-phone {*/
/*    font-size: 40px;*/
/*    font-weight: bold;*/
/*    margin-bottom: 30px;*/
/*    color: #7a0f21;*/
/*}*/
/*.organizer a {*/
/*    font-size: 30px;*/
/*    text-decoration: none;*/
/*    outline: none;*/
/*    color: #7a0f21;*/
/*    display: inline-block;*/
/*    cursor: pointer;*/
/*}*/
/*.organizer a:hover {*/
/*    color: #d5506d;*/

/*}*/

/*.presence {*/
/*    padding-bottom: 100px;*/
/*   padding-top: 80px;*/
/*}*/
/*.presence-title {*/
/*    text-align: center;*/

/*}*/
/*.presence-text {*/
/*    text-align: center;*/
/*    font-size: 40px;*/
/*    margin-bottom: 30px;*/

/*}*/
/*.des {*/
/*    font-size: 18px;*/
/*}*/

/*.wedding-form {*/
/*    max-width: 700px;*/
/*    margin: 0 auto;*/
/*    padding: 20px;*/
/*    font-size: 30px;*/
/*    font-family: "Cormorant Infant", sans-serif;*/

/*    fieldset {*/
/*        border: none;*/
/*        margin-bottom: 15px;*/
/*    }*/

/*    legend {*/
/*        font-weight: bold;*/
/*        margin-bottom: 5px;*/
/*    }*/

/*    label {*/
/*        display: block;*/
/*        margin: 5px 0;*/
/*    }*/

/*    input[type="text"],*/
/*    textarea {*/
/*        width: 97%;*/
/*        padding: 8px;*/
/*        border: 1px solid #7a0f21;*/
/*        border-radius: 5px;*/
/*        font-size: 16px;*/
/*    }*/

/*    textarea {*/
/*        min-height: 100px;*/
/*    }*/

/*    button {*/
/*        width: 100%;*/
/*        padding: 10px;*/
/*        background: #7a0f21;*/
/*        color: #f8efea;*/
/*        border: none;*/
/*        border-radius: 5px;*/
/*        cursor: pointer;*/
/*        font-size: 16px;*/

/*        &:hover {*/
/*            background: #d5506d;*/
/*        }*/
/*    }*/
/*}*/

/*.timout {*/
/*    padding: 50px 0 50px 0;*/
/*    background-color: #d4cfcc;*/
/*}*/
/*.timout-title {*/
/*    font-size: 55px;*/
/*    color: #7a0f21;*/
/*    text-align: center;*/
/*    font-weight: bold;*/
/*    margin-bottom: 20px;*/
/*}*/
/*#countdown {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    gap: 0px;*/
/*}*/

/*.time-box {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    color: #7a0f21;*/
/*    padding: 15px;*/
/*    text-align: center;*/

/*}*/

/*.time-box span {*/
/*    font-size: 32px;*/
/*    font-weight: bold;*/
/*    line-height: 1;*/
/*}*/

/*.time-box p {*/
/*    margin: 5px 0 0;*/
/*    font-size: 14px;*/
/*    text-transform: uppercase;*/
/*    opacity: 0.8;*/
/*    font-weight: bold;*/
/*}*/