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


body{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    background-color: hsla(183,81%,77%,1.00);
}
		

main {
	 text-align: right;
}

a{
	color:hsla(183,100%,7%,1.00);
}

nav{
	background-color: #96F0F4;
	font-family: "Playfair Display", serif;
	font-optical-sizing: auto;
	font-weight:900;
	font-style: normal;
	position: sticky;
	top: 0px;

}
nav li{
	display:inline
}

nav a{
	padding: 2px;
	margin: 4px;
	border-style: outset;
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
	width: 5em;
	
}


nav a:hover,
nav a:active {
	border-style: inset;
	background-color: hsla(115,96%,54%,1.00);
	position: relative;
	left:2px;
	top:4px;
}


h1{ 
	font-family: "Avenir Next Condensed Medium";
	text-align: center;
	color:#002224;
	background-color: #96F0F4;
	font-size: 40px; 
	
}


h2{
	color:#002224;
	background-color: #96F0F4;
	text-align: center;
}
h3{
	text-align: center;
	color: hsla(183,100%,7%,1.00);
}


p{
	font-size: 20px;
	font-family: "Lobster Two", sans-serif;
	font-weight: 100;
	font-weight: normal;
	text-align: left;
	color:hsla(183,100%,7%,1.00);
	background-color: hsla(183,94%,50%,1.00)

}
.company-name {
	font-family: "Playfair Display", serif;
	font-optical-sizing: auto;
	font-weight:700;
	font-style: normal;
}
.tagline2 {
	text-align:left;
	color:#002224;
	background-color: #96F0F4;
	font-family: "Lobster Two", sans-serif;
	font-weight:400;
	font-style: normal;
	
}
.tagline{
	border-bottom: 1px solid #002224;
	text-align: center;
	font-family: "Lobster Two", sans-serif;
	font-size: 24px;
	font-style:italic;
	font-weight: 500;
	
}
.questions {
	color:hsla(183,100%,7%,1.00);
	padding: 15px;
	text-decoration: none;
	text-align:center;
	
}
li{ font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style:normal;
	text-decoration: none;
	text-align: left;
}
li {
	text-decoration: none;
}

.reach-me {
	color: #002224;
	text-align:left;
	font-size: 17px;

}
.forms {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    color: hsla(0,0%,0%,1.00);
    font-weight: 900;
    font-family: "Arial Black", "Arial Bold", "Arial Italic", "Arial Rounded MT Bold", Bearpaw, "Cooper Std Black", "Cooper Std Black Italic", "Marker Felt Thin", "Marker Felt Wide", "Menlo Bold", "Menlo Bold Italic", "Menlo Italic", "Menlo Regular", Pacifico, serif, sans-serif;
    font-style: normal;
    font-size: xx-large;
    text-decoration: none;
}
.img-fluid.rounded {
}