/* variables */
:root {
    --primary: #27358B;
    
    --blue: #27358B;
    --gray-dark: #555;
    --light-gray: #cfcfcf;
    --red-old: #af0f0f; 
    
    --red: #9f0b0b;
    --red-old2: #ff0000;
    --red-old: #e51010;
    --red-dark: #9f0b0b;
    
    --black: #000;
    
    --white: #fff;
    
    --green: #1F8027;
    --green-50pct: #1F8027;
    
    --green-infobox: #bcfac1;
    
    --yellow: #ffff00;
    --yellow-dark: #ffff00aa;
    
    --bold: 800;
}

/* general */ 
html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
}

h1 {
	font-size: 2rem;
	color: var(--blue);
}
h2 {
	font-size: 1.6rem;
	color: var(--blue);
}

p {
	font-size: 1rem;
}

p.info-box {
	font-size: 0.8rem;
	font-weight: 400;
	margin-top: -20px;
	color: var(--gray);
}

#redirect-header {
	background-color: var(--gray);
	color: var(--white);
	DELETED-font-weight: var(--bold);
	text-align: center;
	padding: 14px 0px 14px 0px;
}

.redirect-ok {
	background-color: var(--green);
}
.redirect-nok {
	background-color: var(--red);
}

#body {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#header {
}

#content {
}

.form-control {
	display: block;
	margin-bottom: 1.2rem;
}
.form-control label {
	font-size: 1.2rem;
	line-height: 1.8rem;
}

input, button {
	font-size: 1.2rem;
	width: 80%;
	color: var(--gray);
	padding: 4px 4px;
	font-family: Courier, sans-serif;
}
button {
	
}

hr {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

/* mobile */ 
@media (max-width: 640px) {
}

/* classes */