/* Reset Styles /*---------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* HTML5 tags */ header, section, footer, aside, nav, article, figure { display: block; } body { font: 16px/2em 'Taviraj', serif; color: #FFFFFF; background: #0F1827; -webkit-font-smoothing: antialiased; } a:link, a:active, a:visited{ color: #FF7CBE; text-decoration: none; } a:hover{ color: #FBD7F1; border-bottom: 1px dotted #FBD7F1; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', Helvetica, Arial, sans-serif; color: #00FDFC; line-height: 1.2em; margin-bottom: 0.6em; } h1 { font-size: 5em; text-transform: uppercase; text-align: center; margin-bottom: 20px; border: 6px solid #00FDFC; } h2 { font-size: 1.7em; } h3 { font-size: 1.5em; margin-top: 2em; } p, table { margin-bottom: 1em; } p{ font-size: 1.15em; font-weight: normal; } ol, ul { padding-left: 30px; margin-bottom: 1em; } b, strong { font-weight: bold; } i, em { font-style: italic; } u { text-decoration: underline; } abbr, acronym { cursor: help; border-bottom: 0.1em dotted; } td, td img { vertical-align: top; } td, th { border: solid 1px #999; padding: 0.25em 0.5em; } th { font-weight: bold; text-align: center; background: #eee; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } code { font-family: Courier, "Courier New", Monaco, Tahoma; background: #eee; color: #333; padding: 0px 2px; } pre { background: #eee; padding: 20px; margin-bottom: 1em; overflow: auto; } blockquote { font-style: italic; margin: 0 0 1em 15px; padding-left: 10px; border-left: 5px solid #dddddd; } /* Structure Styles /*---------------------------------------------*/ #layout{ width: 80%; margin: 100px auto; } #content{ width: 80%; margin: 0 auto; } /************************* Back to top ***************************/ #back-to-top { font-size: 2em; position: fixed; bottom: 100px; right: 100px; z-index: 9999; width: 60px; height: 60px; text-align: center; line-height: 50px; background: #f5f5f5; color: #2C211D; cursor: pointer; border: 0; border-radius: 50%; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; } #back-to-top:hover { background: #e9ebec; } #back-to-top.show { opacity: 1; }