* {
box-sizing: border-box;
}

body {
font-family: Arial;
padding: 10px;
background: #f1f1f1;
}

.header {
padding: 30px;
text-align: center;
background: white;
}

.header h1 {
font-size: 50px;
}

.topnav {
overflow: hidden;
background-color: #333;
}

.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

.topnav a:hover {
background-color: #ddd;
color: black;
}

.column {   
float: center;
width: 100%;
a:hover { background-color: #ddd; color: black; }
}

.footer {
padding: 20px;
text-align: center;
background: #ddd;
margin-top: 20px;
}

.alert {
	color: red;
}

.underline {
	text-decoration: underline red;
}

.blink {
 animation: blinkMe 2s linear infinite;
}
@keyframes blinkMe {
 0% {
  opacity: 0;
 }
 50% {
  opacity: 1;
 }
 100% {
  opacity: 0;
 }
}

.topnav .auth { float:right }
.topnav .nav { float:left }

input[type=text] {
    width: 49ch;
}