/*CSS BEGINS*/
body{
     color: #000;
     /*font-family: 'Roboto', sans-serif;*/
     font-size: 14px;
     margin: 0px;
     padding: 0px;
     background-color: #FF3CAC;
     background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
    }

/* TABLE */
.wrapper{
	       width: 800px;
	       height: auto;
	       margin: 0px auto;
	       padding: 20px;
	       background-color: #e6f0e9;
         background-image: linear-gradient(0deg, #e6f0e9 0%, white 100%);
	       border-radius: 30px;
         box-shadow: 1px 5px 40px black;
        }

/* NAV MENU */
.navmenu{
         width: 800px;
         height: 35px;
         background-color: gold;
         border-radius: 15px;
         font-family: 'Audiowide', cursive;
        }
.navmenu a{
           display: inline-block;
           color: black;
           background-color: gold;
           text-decoration: none;
           font-weight: bold;
           text-transform: uppercase;
           line-height: 35px;
           text-align: center;
           padding: 0px 20px;
           border-radius: 5px;
          }
.navmenu a:hover{
                 background-color: black;
                 color: white;
                }
.navmenu a:active{
                  background-color: black;
                  color: aqua;
                 }

/* FOOTER */
.footer{
	      width: 800px;
	      height: 100px;
	      background-color: gold;
	      color: black;
	      border-radius: 15px;
       }
.footer a{
	        display: inline-block;
	        color: black;
	        font-weight: bold;
	        text-decoration: none;
	        margin: 3px;
         }
.footer a:hover{
	              text-decoration: underline;
	              color: red;
	             }
.footer a.top{color: navy;}
.footer a.top:hover{color: lightgoldenrodyellow;}

/* Booking BUTTON */
.button {
         background-image: linear-gradient(to right, #232526 0%, #414345  51%, #232526  100%)
        }
.button{
            margin: 0px;
            padding: 5px 15px;
            text-align: center;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;
            box-shadow: 0 0 20px #eee;
            border-radius: 5px;
            display: block;
        }
.button:hover {
               background-position: right center; /* change the direction of the change here */
               color: #fff;
               text-decoration: none;
              }

/* CONTENTs headings. paragraphs*/
.content{
       width: 800px;
       height: auto;
       float: left;
       margin-right: 30px;
        }
.content h1{
            font-weight: bold;
            text-transform: uppercase;
            color: black;
            text-shadow: 2px 2px lightgrey;
            text-align: center;
           }
.content h2{
            font-weight: bold;
            text-transform: uppercase;
            color: black;
            text-shadow: 2px 2px lightgrey;
            text-align: left;
           }
.content p{

         text-align: justify;
         word-spacing: 2px;
         font-size: 18px;
        }

/* BOOK TABLE */
#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 400px;
  text-align: center;
}

#customers td, #customers th {
  border: 2px solid black;
  padding: 8px;
}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: white;
  color: white;
}

/* CONTACT */
input[type=text], textarea {
                            width: 400px;
                            padding: 12px;
                            border: 1px solid #ccc;
                            border-radius: 4px;
                            box-sizing: border-box;
                            margin-top: 5px;
                            margin-bottom: 16px;
                            resize: vertical;
                           }
input[type=email], input[type=number] {
                                       width: 400px;
                                       padding: 12px;
                                       border: 1px solid #ccc;
                                       border-radius: 4px;
                                       box-sizing: border-box;
                                       margin-top: 5px;
                                       margin-bottom: 16px;
                                       resize: vertical;
                                      }
input[type=submit], input[type=reset] {
                                       background-color: #4CAF50;
                                       color: white;
                                       padding: 5px 20px;
                                       border: none;
                                       border-radius: 4px;
                                       cursor: pointer;
                                      }
input[type=submit]:hover {
                          background-color: #45a049;
                         }

input[type=reset]:hover {
                         background-color: #45a049;
                        }

/* SELECT TAG*/
select{
       width: 180px;
       padding: 5px;
       border-radius: 5px;
      }