body {background-color: #e2e2e2; margin-top: 1em; margin-bottom: 1em}

h1 {color: #1e74cd; font-size: 2em; font-variant: small-caps}
strong {color: #000}

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

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

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

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

#wrapper {margin: auto; width: 650px; }

#box {font: 1.3em "Trebuchet MS", tahoma, arial, verdana; text-align: left; color: #5b5b5b; background-color: #fff; padding: 1em; border-radius: 1em}
#box a {color: #00a2ff; font-weight: bold; text-decoration: none; 
background: linear-gradient(to bottom, var(--mainColor) 0%, var(--mainColor) 100%);
background-position: 0 100%; background-repeat: repeat-x; background-size: 3px 3px;}
	
#box a:hover {color: #d18600; 
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23ff9800' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
background-position: 0 100%; background-size: auto 6px;
background-repeat: repeat-x; text-decoration: none;}

#story {padding: 1em; color: #c1d6ff; font-size: .9em; font-family: tahoma, arial}
#story:hover {background: #4a4a4a; border: 1em; border-radius: 1.2em; 
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;}

#links {margin: 0 auto; display: block; width: 200px; color: #fff; border-radius: 1em; text-align: center; padding: .5em; font: 16px tahoma, arial; background: linear-gradient(to bottom, #212121 0%, #000 100%); border: 3px solid #000;}
#links:hover {background: linear-gradient(to bottom, #424242 0%, #000 100%);}
#links a {color: #fff; opacity: .7; text-decoration:none}
#links a:hover {color: #39b3f0; opacity: 1; text-decoration:none}

#footer{width: 630px; font-family: arial; font-size: .9em; padding: .5em; text-align: center; display: block; margin: 0 auto; background: #000; color: #808080; opacity: .8; border-radius: 1em}