@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=My+Soul&family=Roboto+Slab:wght@100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bitter:ital,wght@0,100..900;1,100..900&family=Caveat:wght@400..700&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=My+Soul&family=Roboto+Slab:wght@100..900&display=swap');

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;

}

body {
    width: 100%;
    height: 100%;
}

nav {
    font-family: "Josefin Sans", sans-serif;
    background-color: #D2B48C;
}

.monk {
    position: relative;
    top: 18px;
    right: 45px;
}

#head {
    position: relative;
    bottom: 10px;
    font-size: 33px;
    left: 20px;
}

#img {
    position: relative;
    left: 30px;
}

.home ul li a {
    color: black;
    position: relative;
    right: 30px;
    font-size: 20px;
}

#location {
    position: relative;
    left: 130px;

}

.address {
    position: relative;
    left: 140px;
    top: 10px;
}

.caption {
    position: relative;
    bottom: 170px;
    color: white;
    font-family: "Josefin Sans", sans-serif;
}

#btn1 {
    position: relative;
    bottom: 140px;

}

/* about */

.who {
    font-family: "Josefin Sans", sans-serif;
    color: black;
    font-size: 33px;
    text-align: start;
    margin-top: 80px;
}

.who1 {
    font-family: "Josefin Sans", sans-serif;
    text-align: justify;
    font-size: 18px;
}

#about {
    width: 100%;
    height: 320px;
    margin-top: 80px;
}

#services {
    margin-top: 170px;
}

.offer {
    text-align: center;
    font-family: "Josefin Sans", sans-serif;
    color: black;
    font-size: 33px;
}

.border {
    height: 250px;
    width: 380px;
    background-color: white;

}

.icons1 {
    color: blue;
    font-size: 45px;
    text-align: center;
    margin-top: 10px;
}

.Fine-Dining {
    text-align: center;
    font-family: "Josefin Sans", sans-serif;
    font-size: 18px;
}

.content {
    padding: 30px;
    position: relative;
    bottom: 25px;
    text-align: justify;
    font-family: "Josefin Sans", sans-serif;
}

#animation:hover {
    transition: ease 1s;
    transform: scale(0.9);
}


/* gallery */

.text-center {
    font-family: "Josefin Sans", sans-serif;
    color: black;
    margin-top: 50px;
}



.text-right {
    position: relative;
    top: 80px;
    left: 380px;

}
#nav-arrow{
    position: relative;
    top: -60px;
    
}
#prev{
    font-size: 30px;
    position: relative;
    left: 20px;
    border: none;
}
#next{
    font-size: 30px;
     position: relative;
    left: 230px;
    top: 2px;
    border: none;
}

#img11 {
    height: 270px;
    filter: grayscale(100%);
    transition: transform 0.5s;

}

#img11:hover {
    filter: grayscale(0);
    cursor: pointer;
    transform: scale(0.9);
}

#Visual-diary {
    position: relative;
    top: 50px;
}

#review12{
    font-size: 30px;
    position: relative;
    bottom: 50px;
}

#review {
    font-size: 30px;
}

.review1 {
    width: 80px;
    height: 80px;
    position: relative;
    bottom: 30px;
    left: 120px;
    top: 20px;
}

.name {
    font-family: "Josefin Sans", sans-serif;
    color: black;
    position: relative;
    left: 230px;
    bottom: 50px;
    
}

.email {
    font-size: 15px;
    font-family: "Josefin Sans", sans-serif;
    color: black;
    position: relative;
    left: 230px;
    bottom: 50px;
}
.star{
    position: relative;
    left: 700px;
    bottom: 110px;
}
.star1{
    font-family: "Josefin Sans", sans-serif;
    color: black;
    text-align: justify;
    position: relative;
    right: 490px;
    top: 60px;
    font-size: 20px;
}
footer{
       font-family: "Josefin Sans", sans-serif;
       background-color: #D2B48C;
       color: black;
}
.list-unstyled{
    color: black;
}