body {
	margin:0;
	padding: 0;
	background:#283440;
}

@font-face {
  font-family: "Montserrat";
  src: url("./Montserrat-ExtraBoldItalic.ttf");
}

.parallax {
	height: 100%; 
	margin-top: 0;

	background:linear-gradient(white, white, rgb(197, 255, 255), cyan) no-repeat center fixed;
  	background-size: cover;

	background-attachment: fixed;
	background-position: center;
	animation: fadeIn linear 1.5s;
  		-webkit-animation: fadeIn linear 1.5s;
  		-moz-animation: fadeIn linear 1.5s;
  		-o-animation: fadeIn linear 1.5s;
  		-ms-animation: fadeIn linear 1.5s;
}
div .title {	
  	margin-top: 5%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom:5%;
	position: relative;
	background:#283440;
	border-radius: 5%;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-size: 60px;
	text-shadow: 2px 3px 0 black;
	animation: fadeIn linear 2s;
  		-webkit-animation: fadeIn linear 2s;
  		-moz-animation: fadeIn linear 2s;
  		-o-animation: fadeIn linear 2s;
  		-ms-animation: fadeIn linear 2s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@media screen and (max-width: 720px) {
  	div .title {
	  	margin-top: 5%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom:5%;
		position: relative;
		background:#283440;
		border-radius: 5%;
		color: white;
		font-family: 'Montserrat', sans-serif;
		font-size: 60px;
		animation: fadeIn linear 2s;
  			-webkit-animation: fadeIn linear 2s;
  			-moz-animation: fadeIn linear 2s;
  			-o-animation: fadeIn linear 2s;
  			-ms-animation: fadeIn linear 2s;
	}
}

@media screen and (min-width: 1080px) {
  	div .title {
	  	margin-top: 5%;
		margin-left: 25%;
		margin-right: 25%;
		margin-bottom:5%;
		position: relative;
		background:#283440;
		border-radius: 5%;
		color: white;
		font-family: 'Montserrat', sans-serif;
		font-size: 60px;
		animation: fadeIn linear 2s;
  			-webkit-animation: fadeIn linear 2s;
  			-moz-animation: fadeIn linear 2s;
  			-o-animation: fadeIn linear 2s;
  			-ms-animation: fadeIn linear 2s;
	}
}

.counter_button {
  	background-color: #4e8bc0;
  	border: solid white 1px;
  	color: white;
  	padding: 15px 24px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 16px;
  	margin: 4px 2px;
  	border-radius: 25%;
}

table{    
	table-layout: fixed;    
	width: 300px;
	border: green;
	text-align: center;	
	font-size: 12px;
}

.video_container {
	margin-top: 5%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom:5%;
	padding-bottom:1em;
	border-radius: 5%;
	position: relative;
	animation: fadeIn linear 2s;
  		-webkit-animation: fadeIn linear 2s;
  		-moz-animation: fadeIn linear 2s;
  		-o-animation: fadeIn linear 2s;
  		-ms-animation: fadeIn linear 2s;
}

div .message_container {
	margin-top: 5%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom:5%;
	padding-top:0.5em;
	padding-right:1%;
	padding-left:1%;
	padding-bottom:1em;
	border-radius: 5%;
	background: linear-gradient(#283440, black); 
	position: relative;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	animation: fadeIn linear 2s;
  		-webkit-animation: fadeIn linear 2s;
  		-moz-animation: fadeIn linear 2s;
  		-o-animation: fadeIn linear 2s;
  		-ms-animation: fadeIn linear 2s;
}

@media screen and (max-width: 720px) {
  div .message_container {
    margin-top: 5%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom:5%;
	padding-top:0.5em;
	padding-right:1%;
	padding-left:1%;
	padding-bottom:1em;
	border-radius: 5%;
	background: linear-gradient(#283440, black); 
	position: relative;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	animation: fadeIn linear 2s;
  		-webkit-animation: fadeIn linear 2s;
  		-moz-animation: fadeIn linear 2s;
  		-o-animation: fadeIn linear 2s;
  		-ms-animation: fadeIn linear 2s;
  }
}

.form_container {
	margin-left: 20%;
	margin-right: 20%;
	padding-top:1em;
	background:black;
	border-radius: 5%;
	position: relative;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
}

input[type=text], [type=button], input[type=submit]{
	background: white;
	border-color: red;
	height: 24px;
}

input[type=submit]:hover{
	background: pink;
	color: white;
	border-color: red;
	height: 24px;
}

::placeholder {
	color:#000000;
}

.footer_container {
	background:#283440;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
}