html, body{
	margin: 0;
	border: 0;
}
::-webkit-scrollbar {
  width: 3px;
}
input[type=checkbox]{
	margin-top: 10px;
	height: 1.2em;
	width: 1.2em;
}
#ver{
	text-align: right;
	font-size: 0.9em;
	font-family: serif;
	color: #000;
}
@font-face{
	font-family: Orbitron-bold;
	src: url(../../css/font/Orbitron-Bold.ttf);
}
@font-face{
	font-family: Orbitron-black;
	src: url(../../css/font/Orbitron-Black.ttf);
}
@font-face{
	font-family: Orbitron-regular;
	src: url(../../css/font/Orbitron-Regular.ttf);
}
@media(max-width: 950px){
	#main{
		z-index: -1;
		background-color: #d1e6ff;
		display: block;
		position: fixed;
		top: 0;
		width:calc(100% - 60px);
		height: 100%;
		padding-top: 30px;
		padding-left: 30px;
		padding-right: 30px;
		overflow: scroll;
	}
	#bigLogo{
		width: 80%;
		display: block;
		margin: auto;
		padding-bottom: 25px;
	}
	.containerFlex{
		display: flex;
		width: 100%;
		justify-content: space-around;
		align-items: stretch;
		flex-wrap: wrap;
	}
	.card{
		background-color: #fff;
		border-radius: 35px;
		padding: 15px;
		margin-bottom: 35px;
		text-align: center;
	}
	.inputContainer{
		margin-bottom: 20px;
	}
	.large, .full{
		width: 95%;
	}
	.medium{
		width: 95%;
	}
	.inputContainer{
		margin-bottom: 25px;
	}
	.label{
		font-size: 16px;
		font-family: serif;
	}
	.smallLink{
		font-size: 14px;
		font-family: serif;
		color: #33f;
	}
	p{
		font-size: 16px;
		color: #8B0000;
		font-family: sans-serif;
		text-align: center;
	}
	.card h3{
		margin-top: 0;
		margin-bottom: 10px;
		text-align: center;
		font-family: Orbitron-bold;
		font-size: 18px;
		color: #00f;
	}
	#main h2{
		font-family: Orbitron-black;
		text-align: center;
		color: #00f;
		font-size: 28px;
	}
	.containerFlex input[type=button]{
		background-color: #33f;
		color: #fff;
		border: 0;
		padding: 2px 8px 2px 8px;
		margin-top: 5px;
		margin-bottom: 5px;
		border-radius: 3px;
		font-size: 12px;
		transition: 0.2s;
		font-weight: bold;
		width: 85%;
	}
	.containerFlex input[type=button]:hover{
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.containerFlex input[type=text], .containerFlex input[type=password]{
		background-color: #33f;
		color: #fff;
		border: 1px solid #000;
		margin-top: 5px;
		margin-bottom: 5px;
		border-radius: 8px;
		font-size: 12px;
		transition: 0.2s;
		font-weight: bold;
		width: 85%;
		text-align: center;
		padding: 2px 5px;
	}
}
@media(min-width: 950px){
	#main{
		z-index: -1;
		background-color: #d1e6ff;
		display: block;
		position: fixed;
		top: 0;
		width:calc(100% - 80px);
		height: 100%;
		padding-top: 30px;
		padding-left: 40px;
		padding-right: 40px;
		overflow: scroll;
	}
	#bigLogo{
		width: 45%;
		display: block;
		margin: auto;
		padding-bottom: 25px;
	}
	.containerFlex{
		display: flex;
		width: 100%;
		justify-content: space-around;
		flex-wrap: wrap;
		align-items: stretch;
		margin-bottom: 15px;
	}
	.card{
		background-color: #fff;
		border-radius: 35px;
		padding: 15px;
		margin-bottom: 35px;
		text-align: center;
	}
	.inputContainer{
		margin-bottom: 20px;
	}
	.large, .full{
		width: 90%;
	}
	.medium{
		width: 49%;
	}
	.inputContainer{
		margin-bottom: 45px;
	}
	.label{
		font-size: 22px;
		font-family: serif;
	}
	.smallLink{
		font-size: 18px;
		font-family: serif;
		color: #33f;
	}
	p{
		font-size: 22px;
		color: #8B0000;
		font-family: sans-serif;
		text-align: center;
	}
	.card h3{
		margin-top: 0;
		margin-bottom: 10px;
		text-align: center;
		font-family: Orbitron-bold;
		font-size: 20px;
		color: #00f;
	}
	#main h2{
		font-family: Orbitron-black;
		text-align: center;
		color: #00f;
		font-size: 28px;
	}
	.containerFlex input[type=button]{
		background-color: #33f;
		color: #fff;
		border: 0;
		padding: 2px 8px 2px 8px;
		margin-top: 5px;
		margin-bottom: 5px;
		border-radius: 3px;
		font-size: 14px;
		transition: 0.2s;
		font-weight: bold;
		width: 250px;
	}
	.containerFlex input[type=button]:hover{
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.containerFlex input[type=text], .containerFlex input[type=password]{
		background-color: #33f;
		color: #fff;
		border: 1px solid #000;
		margin-top: 5px;
		margin-bottom: 5px;
		border-radius: 8px;
		font-size: 18px;
		transition: 0.2s;
		font-weight: bold;
		width: 85%;
		text-align: center;
		padding: 2px 5px;
	}
}
@media(min-width: 1799px){
	#main{
		background-color: #d1e6ff;
		display: block;
		position: fixed;
		right: 0;
		top: 0;
		width:calc(100% - 80px);
		height: 100%;
		padding-top: 30px;
		padding-left: 40px;
		padding-right: 40px;
		overflow: scroll;
	}
	#bigLogo{
		width: 45%;
		display: block;
		margin: auto;
		padding-bottom: 25px;
	}
	.containerFlex{
		display: flex;
		width: 100%;
		justify-content: space-around;
		flex-wrap: wrap;
		align-items: stretch;
		margin-bottom: 15px;
	}
	.card{
		background-color: #fff;
		border-radius: 35px;
		padding: 15px;
		margin-bottom: 35px;
		text-align: center;
	}
	.inputContainer{
		margin-bottom: 20px;
	}
	.large, .full{
		width: 90%;
	}
	.medium{
		width: 49%;
	}
	.inputContainer{
		margin-bottom: 45px;
	}
	.label{
		font-size: 22px;
		font-family: serif;
	}
	.smallLink{
		font-size: 18px;
		font-family: serif;
		color: #33f;
	}
	p{
		font-size: 22px;
		color: #8B0000;
		font-family: sans-serif;
		text-align: center;
	}
	.card h3{
		margin-top: 0;
		margin-bottom: 10px;
		text-align: center;
		font-family: Orbitron-bold;
		font-size: 20px;
		color: #00f;
	}
	#main h2{
		font-family: Orbitron-black;
		text-align: center;
		color: #00f;
		font-size: 28px;
	}
	.containerFlex input[type=button]{
		background-color: #33f;
		color: #fff;
		border: 0;
		padding: 2px 8px 2px 8px;
		margin-top: 5px;
		margin-bottom: 5px;
		border-radius: 3px;
		font-size: 14px;
		transition: 0.2s;
		font-weight: bold;
		width: 250px;
	}
	.containerFlex input[type=button]:hover{
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.containerFlex input[type=text], .containerFlex input[type=password]{
		background-color: #33f;
		color: #fff;
		border: 1px solid #000;
		margin-top: 5px;
		margin-bottom: 5px;
		border-radius: 8px;
		font-size: 18px;
		transition: 0.2s;
		font-weight: bold;
		width: 85%;
		text-align: center;
		padding: 2px 5px;
	}
}