@import url("https://fonts.googleapis.com/css?family=Raleway");
@import url("https://fonts.googleapis.com/css?family=Cinzel");

A{text-decoration: none;}
A:link {color: #ffffff;}
A:visited {color: #ffffff;}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}	

.w3-theme {color:#fff !important; background-color:#282d3c !important}

main label {
  padding: 12px 12px 12px 0;
  display: inline-block;
  font-family: 'Cinzel';
  font-size: 1.1rem;
}

h1 {
		font-family: 'Cinzel';
		font-size: clamp(1.5rem, 2vw, 3rem);
		
}

h2 {
		font-family: 'Cinzel';
		font-size: clamp(1.5rem, 2vw, 3rem);
		
}
h3 {
		font-family: 'Cinzel';
		font-size: 3.5vw;
		
}
body {
		
		font-family: 'Raleway';
		
		color: #ffffff;
		min-height: 100vh;
		background-image: linear-gradient(-130deg, #343a4a , #535f78, #343a4a);
		
}

	 	
main {
	padding: 10px;
	
}

main #productTable #productRow {
	
	font-family: 'Raleway';
}

main .w3-section #Price {
	
	font-size: clamp(1.75rem, 1.25vw, 1.9rem);
}
main #features {
		font-family: 'Cinzel';
		font-size: clamp(1.2rem, 2.5vw, 4rem);
		opacity: 0.2;
}

main #landingText {
		font-family: 'Cinzel';
		font-size: clamp(1.3rem, 2.25vw, 4rem);
		}
		
	

w3-col h2{
	
	font-family: 'Raleway';
}

footer {
	background-color: #282D3C;
	padding: 20px;
	text-align: center;
	
	
}
footer p {
	font-size: 0.8em;
}




input[type=text] {
  border: 2px solid white;
  border-radius: 4px;
  background: transparent;
  color: #fff;
  margin-bottom: 10px;
  font-family: 'raleway';
  font-size: clamp(0.6em, 1em, 1.2em);
  
  
}

main .error  {
  border: 0px;  
  background: transparent;
  color: #ffffff;
  margin-bottom: 10px;
  font-family: 'cinzel';
  text-align: left;
  
}

textarea, select {
  border: 2px solid white;
  border-radius: 4px;
  background: transparent;
  color: #fff;
  margin-bottom: 10px;
  font-family: 'Raleway';
  font-size: clamp(0.6em, 1em, 1.2em);
  text-align: center;
  
}

select option {
  position: absolute;
  background-color: #282D3C;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

button {
  font-family: 'Cinzel';
		font-size: clamp(0.4em, 1.5em, 3em);
		
  
}



input[type=submit] {
  background: #282D3C;
  border: none;
  color: white;
  margin-bottom: 10px;
  margin-left: 10px;
  cursor: pointer;
  font-family: 'Cinzel';
}