body {
    background-image: url(../img/background.jpg);
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size: cover;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

img {
    border: 1px solid #808000;
}

/* NAV BARS */
.headnav a {
    text-decoration: none;
    color: white;
    font-size: 1.4em;
}

.headnav{
    text-align: center;
    background-color:rgba(2, 72, 2, 0.886);
    padding-top: 3vh;
    padding-bottom: 3vh;
    border-radius: 20px;
    margin: 1%;
}

button {
    border: none;
    background: none;
    color: white;
    padding: 5px 10px;
    transition: .15s;
    margin-left: 2vw;
    margin-right: 2vw;
    font-size: 1em;
}

button:hover{
    border: none;
    background: none;
    background-color: rgba(2, 56, 2, 0.637);
    padding: 5px 10px;
    border-radius: 5px;
    scale: 1.2;
}

button:active {
    opacity: .5;
    scale: 1;
}

.footnav {
    padding: 3vh;
    background-color: #808000d4;
    text-align: center;
    font-size: 1.1em;
}
.footnav img{
    width: 50px;
    padding: 0 1vw;
}

/* Home Page */
.topbody {
    background-image: url(../img/Anuplig.jpg);
    background-size: cover;
    font-size: 1.2em;
    border-radius: 20px;
    height: 85vh;
    margin: 1%;
}

.topbody img {
    width: 100%;
    margin: 0;
}

#Adams {
    padding: 20px;
    font-size: 200%;
    color: white;
    text-align: center;
    position: absolute;
    left: 70vw;
    top: 30vh;
    font-family: 'Nothing You Could Do', cursive;
}

.tablehome img{
    width: 30vw;
    height: auto;
    border-radius: 10px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.668);
}

.tablehome {
    border-collapse: collapse;
    width: 80%;
    border-radius: 5px;
    font-size: 1.5em;
    background-color: #f1efc8da;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 5vh auto;
    box-shadow: 5px 5px 10px black;

}

.tablehome tr td {
    padding: 2vw;
}

/* Tourist Attraction Page */
.tableTA tr td img{
    width: 300px;
    height: 175px;
    transition: .2s;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.668);
    border-radius: 10px;
}

.tableTA table{
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.397);
    text-align: center;
    margin: 3vh auto;
    width: 80%;
    padding: 2vh;
    background-color: #f1efc8da;
    border-radius: 10px;
}

.tableTA table p {
margin-top: 0;
}

.tableTA table h2 {
    margin-top: 0;
}

/* Culture and Heritage Page */
.maintable table{
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.537);
    margin: 1vw;
    text-align: center;
    border-radius: 10px;
    background-color: #f1efc8da;
}

.maintable .main{
    width: 40vw;
    transition: .2s;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.668);
}

.maintable .side {
    width: 20vw;
    height: 30vh;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.668);
}



.tableC table{
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.397);
    text-align: center;
    margin: 3vh auto;
    width: 80%;
    padding: 2vh;
    background-color: #f1efc8da;
    border-radius: 10px;
}

.tableCnest table{
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.397);
    text-align: center;
    margin: 3vh auto;
    width: 80vw;
    padding: 2vh;
    background-color: #80800026;
}

.tableCnest table p {
    padding: 2vh 2vw;
}

.tableC tr td img{
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.668);
    width: 300px;
    height: auto;
    border-radius: 10px;
}

.tableC .main2 {
    width: 40vw;
    transition: .2s;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.668);
}

.tableC .main2:hover {
    transform: scale(1.5);
}



/* Homestay */

.tableH img {
    width: 20vw;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.668);
}

.tableH table{
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.397);
    text-align: center;
    margin: 3vh auto;
    width: 60%;
    padding: 2vh;
    background-color: #f1efc8da;
}

/* Geograhic Profile */

.tableGeo table {
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.397);
    text-align: center;
    margin: 3vh auto;
    width: 70%;
    background-color: #f1efc8da;
    border-radius: 10px;
}

.tableGeo table tr td{
    padding: 3vh;
}

.tableGeo img {
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.668);
    width: 30vw;
    border-radius: 10px;
}