html, body {
	position: relative;
	width: 100%;
	height: 100%;
        background-color:rgba(2,0,8,1);
}

body {
	color: #333;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
        font-family: 'Source Sans Pro', Roboto, "Helvetica Neue", sans-serif;
        overflow-x: hidden;
}

h1 {
    font-size: 3.2rem;
	color: rgb(103, 103, 120);
	font-weight: 400;
}

h2 {
	font-size: 3rem;
    color: rgb(80, 80, 102);
	font-weight: 200;
}

h3 {
	font-size: 1.9rem;
	color: rgb(40, 40, 62);
	font-weight: 700;
}

h4 {
	font-size: 1.8rem;
	color: rgb(103, 103, 120);
    font-style: italic;
	font-weight: 400;
}

h5 {
	font-size: 1.6rem;
	color: rgb(80, 80, 102);
    font-style: italic;
	font-weight: 200;
}

h6 {
	font-size: 1.4rem;
	color: rgb(40, 40, 62);
    font-style: italic;
	font-weight: 700;
}

p {
	font-size: 1em;
	color: rgb(34,20,34);
	font-weight: 400;
}

strong {
	color: rgb(12,12,12);
	font-size: 1em;
	line-height: 22px;
	font-weight: normal;
}

a {
	color: rgb(0,100,200);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: rgb(0,80,160);
}

input[type=text] {
	/*border: 1px solid #2b3236;*/
	border-radius: 10px;
	background-color: rgb(240,243,247);
}

label {
	display: block;
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	-webkit-padding: 0.4em 0;
	padding: 0.4em;
	margin: 0 0 0.5em 0;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 2px;
}

input:disabled {
	color: #ccc;
}

button {
	color: #333;
	background-color: #f4f4f4;
	outline: none;
}

button:disabled {
	color: #999;
}

button:not(:disabled):active {
	background-color: #ddd;
}

button:focus {
	border-color: #666;
}

.custom-btn { 
  /* Layout & Sizing */ 
  display: inline-block; 
  padding: 12px 24px; 
  font-size: 20px; 
  font-weight: 400; 
  text-align: center; 
  text-decoration: none; 
   
  /* Colors & Borders */ 
  background-color: #007bff; 
  color: #ffffff; 
  border: none; 
  border-radius: 16px; 
  filter: drop-shadow(1px 1px 3px black); 
   
  /* Interactive Elements */ 
  cursor: pointer; 
  outline: none; 
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
   
  /* Smooth Animation */ 
  transition: all 0.2s ease-in-out; 
} 
 
/* Hover State */ 
.custom-btn:hover { 
  background-color: #0056b3; 
  transform: translateY(-2px); 
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); 
} 
 
/* Active/Click State */ 
.custom-btn:active { 
  transform: translateY(0); 
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
}