/* CSS Document */

@font-face {
  font-family: "Montserrat Regular";
  src: url(../assets/webfonts/Montserrat-Regular.ttf);
}

@font-face {
  font-family: "Montserrat Light";
  src: url(../assets/webfonts/Montserrat-Light.ttf);
}

@font-face {
  font-family: "Montserrat Bold";
  src: url(../assets/webfonts/Montserrat-Bold.ttf);
}

@font-face {
  font-family: "Montserrat ExtraLight";
  src: url(../assets/webfonts/Montserrat-ExtraLight.ttf);
}

html {height: 100%;}

body{
	font-family: "Montserrat Regular";
	background-color: blue;
	background-image: linear-gradient(lightblue,blue);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	height: 100%;
}

.whiteText {
	color: white;
}

.whiteText a {
	color: white;
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Montserrat Bold";
	color: white;
}

h2 {
	border-bottom: 2px solid #fff;
}

table {
	width: 80%;
	margin: 0 auto;
	border-collapse: collapse;
	text-align: center;
	background-color: white;
}

tr:nth-child(odd) {
	background-color: #cccccc;
}

tr:first-child {
	background-color: none;
}

th {
	font-family: "Montserrat Bold";
}

th,td {
	width: 25%;
	text-align: center;
}

input[type=text].code {
	font-size: 3em;
	color: blue;
	text-decoration: none;
	border: none;
	text-align: center;
}

input[type=text].email {
	font-size: 1.5em;
	color: blue;
	text-decoration: none;
	border: none;
	text-align: center;
}

input[type=submit].active {
	background-color: green;
	color: white;
	width: 10em;
	height: 2em;
	text-decoration: none;
	border: none;
}

input[type=submit].inactive {
	background-color: red;
	color: white;
	text-decoration: none;
	width: 10em;
	height: 2em;
	border: none;
}

.contentType {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.panel {
	width: 33%;
}

.panel img {
	border: 3px solid #fff;
	box-shadow: 0 .5em 1em #000;
}

.panel p {
	color: #fff;
}

.large {
	font-family: "Montserrat ExtraLight";
	font-size: 5em;
}