/* import font */
@import url('https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap');


/* style */
body{
    scroll-behavior: smooth;
}
.label{
    position: fixed;
    top: 0;
    height: 100vh; 
    width: 100vw;
    
    display: flex; 
    justify-content: center; 
    align-items: center; 
    flex-direction: column;
    background: url('img/bg2.jpg') #efe2cd;
    background-size: cover;
    z-index: 10;
    transition: top 1s;
}
.label .wrap{
    
    background-color: #efe2cdc9 ;
    text-align: center;
    border-radius: 20px;
    padding: 40px;
    
    
}
.container-fluid{
    background-image: url('img/bg.jpg');
    background-size: 500px;
    height: 100vh;
}
.container-fluid-2{
    border-top: 5px solid white;
    background-color: #efe2cd;
    background-image: none;
    color: white;
    overflow-x: hidden;
    
}
.title ,p {
    color: #ae9d76;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}
.couple{
    font-family: 'Mrs Saint Delafield', cursive;
    font-size: 72px;   
    color: #8d8778;
    font-weight: 550;
}
.date{
    color: #555555;
    font-family: 'Montserrat', sans-serif;
    font-weight: bolder;
}

/* animation */


/* countdown */
#countdown span{
    font-size: 12px;
}

/* facebook coment */
.fb-comments{
    max-height: 80vh;
    overflow-y: scroll;
}


@media only screen and (max-width: 768px) {
    .couple{
        font-size: 52px;
    }
    .title ,p{
        font-size: 12px;
    }
}

@media only screen and (max-width: 320px) {
    .couple{
        font-size: 36px;
    }
}