@charset "utf-8";

body { font-family: Times New Roman, "Times New Roman", Times, serif; font-size: medium; margin: 0; padding: 0; color: #000000; background: #ffffff; }

a:link { color: #555555; text-decoration: none; }
a:visited { color: #555555; text-decoration: none; }
a:active { color: #555555; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }

div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#root { width: 100%; height: 100%; text-align: center; min-width: 100px; }

#top { position: relative; width: 100%; height: 100vh; border: 0; margin: 0; padding: 0; clear: both; }
#top a { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; }
#top a strong { color: #000000; font-size: large; display: block; padding: 12px 0px 0px 0px; margin: 0; border: none; }
#top a:hover strong { color: #555555; }

#headline { height: 20vh; clear: both; }
#headline a { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; }
#headline a img { width: 80%; max-width: 300px; max-height: 150px; border: none; margin: auto; padding: 0; }

#links { position: relative; width: 100%; height: 70vh; border: 0; margin: 0; padding: 0; clear: both; }
#links a { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; }
#links a strong { color: #000000; font-size: large; display: block; padding: 12px 0px 0px 0px; margin: 0; border: none; }
#links a:hover strong { color: #555555; }

#social { height: 10vh; clear: both; }
ul { position: relative; width: 153px; height: 41px; border: none; margin: auto; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
li { float: left; display: block; text-align: right; position: relative; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0px 5px 0px 5px; padding: 5px; }
li:hover { background: #555555; }
li a { display: block; padding: 5px; }
li img { display: block; margin: 0; border: 0; padding: 0; width: 21px; margin: 0; border: none; padding: 0; -webkit-filter: invert(100%); filter: invert(100%); }
li:hover img { -webkit-filter: invert(0%); filter: invert(0%); }

#content { position: absolute; top: 50%; width: 100%; margin: auto; transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); clear: both; }
#content a { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 5px 10px 5px; }
#content a strong { color: #000000; font-size: large; display: block; padding: 12px 0px 0px 0px; margin: 0; border: none; }
#content a:hover strong { color: #555555; }

#more { position: relative; width: 100%; border: none; margin: 0px 0px 20px 0px; padding: 0; clear: both; }
#more a { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 5px 10px 5px; }
#more a strong { color: #000000; font-size: large; display: block; padding: 12px 0px 0px 0px; margin: 0; border: none; }
#more a: hover strong { color: #555555; }