body {
	background-image: url(images/background.jpg);
}

.style1 {color: #FFFFFF}

.align-right {
	float: right;
	padding: 10px 0 10px 10px;
	}

.lang-set {
	position: absolute; top: 20px; right: 20px;
	font-size: 14pt;
	text-decoration: none;
}

a.lang-set:link {color: navy;}

a.lang-set:visited {color: navy;}

a.lang-set:hover {color: red;}

img{
	display: block;
}

.darker{
	color: #1A81AD;
}

* {
  box-sizing: border-box;
}

/* Create two unequal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
}

.left {
  width: 50%;
}

.right {
  width: 50%;
  margin-top: -30px
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.announcement{
	border: 1px solid red;
	background-color: lightgrey;
	border-radius: 10px;
	text-align: center;
	color: #A00000;
	padding: 1em;
}

.flashy{
	text-align: center;
	color: red;
	font-size: 150%;
	border-radius: 25px;
	background: yellow;
	padding: 10px 0 10px 0;
	animation-name: example;
	animation-duration: 7s;
}

@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}

/* Note: Use [Ctrl]+[F5] to refreash CSS */