body { 
    transition:all .5s ease-in-out; 
    -o-transition:all .5s ease-in-out; 
    -moz-transition:all .5s ease-in-out; 
    -webkit-transition:all .5s ease-in-out;
}
a:link { text-decoration: none; color: #18628c !important;}
a:hover { text-decoration: underline; color: #18628c !important;}
a:active { text-decoration: none; color: #18628c !important;}
a:visited { text-decoration: none; color: #18628c !important;}
.rules { 
	margin: 0 auto;
	max-width: 920px;
	min-width: 320px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}