@charset "UTF-8";
/* CSS Document */

.rock-3d-regular {
  font-family: "Rock 3D", system-ui;
  font-weight: 400;
  font-style: normal;
}
.rock-salt-regular {
  font-family: "Rock Salt", cursive;
  font-weight: 400;
  font-style: normal;
/*	h2-rock-salt; regular ; 48px; L.sp 5%; L.ht 135%
	h3-rock-salt; regular ; 32px; L.sp 5%; L.ht 135%
	*/
}
.fira-sans-regular {
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
/*	h4; 32px; L.sp 130%*/
/*	use bold weight for bolded body copy, this is different than h6 bolded font copy*/
}
	.fira-sans-condensed-medium-italic {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
}
.fira-mono-regular {
  font-family: "Fira Mono", monospace;
  font-weight: 400;
  font-style: normal;
/*	h5; 16px; L.Sp 0%, L.ht 140%*/
}

.fira-sans-condensed-regular {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
/*	BODY FONT; size 18px, L.sp 0%, L.ht 150%
	BOLD FONT; FIRA SANS CONDENSED BOLD*/
}

.fira-sans-condensed-bold {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
/*	h6; 16px; lsp0%; lht150%*/
}

	nav {
		background-color: #6890A3;
		padding: default;
		width: 100%;
		position: fixed;
	}

	nav ul {
    display: flex;
    justify-content: space-around; /* Distributes items evenly with space around them */
    list-style: none; /* Removes bullet points */
    padding: 0;
    margin: 0;
    width: 100%;
}

	nav ul li a {
    	display: block; /* Makes the links fill the entire list item area */
    	padding: 10px 15px; /* Adds clickable padding */
    	text-decoration: none; /* Removes underlines from links */
    	color: black;
		font-family: "Fira Sans", 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', "Helvetica", "Arial", 'sans-serif';
}

	a {
		font-family: "Fira Mono", "Consolas", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Monaco", "Courier New", "monospace";
		text-decoration: none;
}
	a hover {
		box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.5);
}

*
	body {
    	background-color: 000000;
		font-family: "Fira Sans Condensed","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
		line-height: 150%;
		color: black;
  		margin: 0;
    	padding: 0;
    }
    h1 {
      	color: black;
		margin-left: default;
		padding: default;
		font-size: 96px;
		font-family: "Rock 3D", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
/*		FONT-WEIGHT: Will need to play with / NOT WORKING IN PREVIEW: ;*/
		letter-spacing: -5%;
		line-height: 103%;
    }
	h2 {
		color: black;
		margin-left: default;
		padding: default;
		font-size: 48px;
		font-family: "Rock Salt", System-ui;
		letter-spacing: 5%;
		line-height: 135%;
		font-weight: 400;

}
	
	h3 {
		color: black;
		margin-left: default;
		padding: default;
		font-size: 32px;
		font-weight: 400;
		font-family: "Rock Salt", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
		letter-spacing: 5%;
		line-height: 135%;
} 
	h4 {
		color: black;
		margin-left: default;
		padding: default;
		font-size: 16px;
		font-weight: 400;
		font-family: "Fira Sans", 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', "Helvetica", "Arial", 'sans-serif';
		line-height: 130%;
}
	h5 {
		color: black;
		margin-left: default;
		padding: default;
		font-style: italic;
		font-size: 20px;
		font-weight: 500;
		font-family: "Fira Sans Condensed", 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', "Helvetica", "Arial", 'sans-serif';
		line-height: 140%;
}
	h6 {
		color: black;
		margin-left: default;
		padding: default;
		font-size: 16px;
		font-weight: 400;
		font-family: "Fira Sans Condensed", 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', "Helvetica", "Arial", 'sans-serif';
		line-height: 150%;
}

/*	footer {
		font-color: white;
		font-family: "Fira Sans", 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', "Helvetica", "Arial", 'sans-serif';
		font-size: 16px;
		line-height: 150%;
}*/

	footer a {
		color: white;
		font-family: "Fira Sans", 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', "Helvetica", "Arial", 'sans-serif';
		font-size: 16px;
		line-height: 150%;	
}

	.navbooking {
		background-color: black;
		font-family: "Fira Mono", "Consolas", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Monaco", "Courier New", 				"monospace";
		font-size: 16px;
		font-color: white;
		text-align: center;
		line-height: 150%;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 20px;
		padding-right: 20px;
}

	.booking {	
		background-color: black;
		font-family: "Fira Mono", "Consolas", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Monaco", "Courier New", 				"monospace";
		font-size: 16px;
		font-color: white;
		text-align: center;
		line-height: 150%;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 24px;
		padding-right: 24px;
}

	.learn {	
		background-color: transparent;
		font-family: "Fira Mono", "Consolas", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Monaco", "Courier New", 				"monospace";
		font-size: 16px;
		font-color: black;
		text-align: center;
		line-height: 150%;
		border: 20px,#000000;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 24px;
		padding-right: 24px;
}

.navbooking:hover {
		box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.5);
}
.booking:hover {
		box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.5);
}
.learn:hover {
		box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.5);
}

/*
img {
	filter: drop-shadow(50%);
}
*/

/*add <button class="button 1/2"><a href="...."Book now</a></button> to both button html codes*/