body {font: 1.2em sans-serif, arial; padding: .6em; background-color: #e2e2e2}

img {max-width: 100%; height: auto; display: block; margin: auto; border-radius: 1em}

h1 {font-family: sans-serif, arial; font-size: 1.2em; color: #ff7200;}
h2 {font-family: sans-serif, arial; font-size: 1em; color: #1e74cd;}

#wrapper {margin: auto}

#box {font: 1.1em "Trebuchet MS", tahoma, arial, verdana; color: #5b5b5b; background-color: #fff; padding: .7em; border-radius: .8em}
#box a {color: #00a2ff; font-weight: bold; text-decoration: none}

#links {color: #ff6600; display: grid; background: #000; opacity: .8; border-radius: .6em; padding: .4em; margin: .5em; text-align: center}
#links a {color: #ff7200; text-decoration:none}

#story {color: #c1c1c1; font-size: .7em; font-family: tahoma, arial}
#footer {font-family: sans-serif, arial; font-size: .7em; padding: .6em; text-align: center; display: block; margin: 0 auto; background: #000; color: #6c6c6c; opacity: .8; border-radius: 1em}

a, a:active, a:visited {color: #ff9a4f}
a:hover {color: #fff; text-decoration: none}

mark {color: #222; background: #ffff35; border-radius: .3em; -webkit-border-radius: .3em; padding-left: .2em; padding-right: .2em;}

.category {background: #343434; font-family: arial; font-weight: bold; font-size: .7em; color: #fff; opacity: .6; border-radius: 11px; padding: 5px}
.nou {color: red; font-weight: bold; vertical-align: super; font-size: .7em}