/*HIDE THE FORM */
	.hide {
		display: none;
	}
/*THANK YOU MESSAGE STYLES*/
	.thankYouMessage {
		margin-top: 10px;
		color: rgb(2, 138, 36);
		font-weight: bold;
		font-size: 50px; 
		text-align: center;
	}
/*VALIDATION ERROR STYLES*/
		.error-message {
		color: #e40303;
		font-size:15px;
		text-align: center;
		font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	}

/*BODY STYLES*/
		body {
			background-image:url('background.jpg');	
			font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
				
		}
		html {
			scroll-behavior: smooth;
		  }
		  
		fieldset{background-color: rgba(255, 255, 255, 0.87);
			width: 60%;
			margin-left:20% ;
			border-radius: 5%;
			border-style:solid;
			border-color: #000000;
			}
/*  FORM STYLES */
		form {
			width: 650px;
			margin: 0 auto;
		}
		#feedback1 {
			text-align: center;
			margin-bottom: 50px;
		}
		#fullname,
		#emailaddress,
		#country,
		#ratings,
		#feedback3,
		#feedback2,
		#recommend,
		#discover,
		#buttons {
			text-align:center;
		}
		label {
			font-size: 15px;
			text-align: left;
		}
		input {
			font-size: 15px;
			font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;		
		}
		select {
			font-size: 15px;
			border-style:solid;
			border-color: #000000;
			font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
		}
		#feedback3{vertical-align:top;
		}
/*BUTTON STYLES*/
		#submit {
			background-color: rgb(1, 95, 24);
			border-radius: 25px;
			padding: 20px 40px;
			color:beige;
		}
		#reset {
			background-color: rgb(255, 0, 0);
			border-radius: 25px;
			padding: 20px 40px;
			color:beige;
		}

/* NAVIGATION BAR STYLES */
	#navigation {
			background-color: #6e0351;
			padding: 10px 20px;
			justify-content: flex-start;
			flex-wrap: wrap;
			font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
							
		}
		header{
		top: 0;
        width: 100%;
        position: fixed;
        z-index: 999; }
		
		#navigation a:link{text-decoration:none;}
		#navigation a:visited{color:none;}
		#navigation a:hover{background-color:#c509b5;color: #ffffff;}
		#navigation a:active{background-color:rgb(255, 1, 120); color:#ffffff;}
		

		.active {
  			background-color: #c509b5;
		}
		.active {
  			color: #000000;
		}


		#navigation ul {
			list-style: none;
			margin-left:100px;
			padding: auto;
			display: flex;
		}

		#navigation li {
			margin-left: 10px;	
		}

		#navigation a {
			font-size: 17px;
  			text-decoration: none;
  			color: white;
  			padding: 10px 23px;
  			border-radius: 3px;
  			border: 2px transparent solid;
  			transition: all 0.4s ease;
		}

		
/* LOGO STYLES */
#logo {
	position: fixed;
	  left: 40px;
	  top: 4.3%;
	width: 70px;
	height: 70px;
	margin-right: 40px;
	transform: translateY(-40%);
}

/* FOOTER STYLES */
		footer {
			background-color: #6e0351;
			color: #fff;
			padding: 6px 20px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
			border-radius:10px;
		}

/* FOOTER LEFTSIDE STYLES */
		#leftside {
			flex-basis: 25%;
		}

		#leftside h3 {
			font-size: 18px;
			margin-bottom: 10px;
		}

		#leftside ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		#leftside ul li {
			margin-bottom:5px;
		}

		#leftside ul li a {
			color: #fff;
			text-decoration: none;
			transition: color 0.3s ease;
		}

		#leftside ul li a:hover {
			color: #ff4500;
		}

		/* FOOTER CENTER STYLES */
		#center {
			flex-basis: 1%;
			text-align: center;
		}

		#center h3 {
			font-size: 18px;
			margin-bottom: 10px;
			
		}

		#center ul li {
			margin-bottom: 5px;
			margin-right: 35px;
		}

		.social img{
			width:50px;
			height:50px;
		}
		.social img:hover{
			transform:scale(1.1); /*ZOOM THE IMAGE*/ 
		}
		.social{
			display: flex;
  			justify-content: center;
  			align-items: center;
  			list-style: none;
  			padding: 0;}

/* FOOTER RIGHT SIDE STYLES */
		#rightside {
			flex-basis: 25%;
			text-align: right;
		}

		#rightside h3 {
			font-size: 18px;
			margin-bottom: 10px;
		}

		#rightside ul {
			list-style: none;
			padding: 0;
			
		}

		#rightside ul li {
			margin-bottom: 5px;
		}

		#rightside ul li a {
			color: #fff;
			text-decoration: none;
			transition: color 0.3s ease;
		}

		#rightside ul li a:hover {
			color: #ff4500;
		}

/* PAGE EDITOR LINK STYLES */
		.pageeditor a {
			color: #0099ff;
			text-decoration: none;
			font-size:20px;
			margin-top:30px;
		}

		.pageeditor a:hover {
			color: #2f00ff;
		}
/* BACK TO TOP LINK STYLES */
		#backtotop a {
			color: #ffef08;
			text-decoration: none;
			float: right;
			font-size:20px;
		}
		#backtotop a:hover{color: #91ff00;}