@font-face { font-family: "BioRhyme"; url: ("../fonts/biorhyme_regular/BioRhyme-Regular-webfont.woff"); font-weight: normal; } @font-face { font-family: "BioRhyme"; url: ("../fonts/biorhyme_bold/BioRhyme-Bold-webfont.woff"); font-weight: bold; } @font-face { font-family: "BioRhyme"; url: ("../fonts/biorhyme_extrabold/BioRhyme-ExtraBold-webfont.woff"); font-weight: bolder; } @font-face { font-family: "BioRhyme"; url: ("../fonts/biorhyme_light/BioRhyme-Light-webfont.woff"); font-weight: lighter; } @font-face { font-family: "SpaceMono"; url: ("../fonts/spacemono_bold/SpaceMono-Bold-webfont.woff"); font-weight: bold; } @font-face { font-family: "SpaceMono"; url: ("../fonts/spacemono_regular/SpaceMono-Regular-webfont.woff"); font-weight: normal; } @font-face { font-family: "SpaceMono"; url: ("../fonts/spacemono_italic/SpaceMono-Italic-webfont.woff"); font-weight: normal; font-style: italic; } @font-face { font-family: "SpaceMono"; url: ("../fonts/spacemono_bolditalic/SpaceMono-BoldItalic-webfont.woff"); font-weight: bold; font-style: italic; } html { margin: 0; padding: 0; overflow-y: auto; overflow-x: hidden; width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -ms-touch-action: none; -moz-user-select: none; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; } body { top: 0px; left: 0px; width: 100%; height: 100%; margin: 0; padding: 0; font-family: helvetica; font-size: 10pt; background-color: #355c7d; color: #DDD; font-family: SpaceMono; font-size: 18px; line-height: 1.6; } h1, h2 { font-family: BioRhyme; display: block; } h2 { font-size: 1.5em; } .navbar { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #6c5b7b; } .content { margin: 40px auto; max-width: 650px; } li a { display: block; padding: 14px 16px; text-decoration: none; text-align: center; background-color: #f8b195; color: #FEF0EA; } li { float: left; border-right: 1px solid #FEF0EA; } li:last-child { border-right: none; } li a:hover, .active { background-color: #f67280; } /*****************************************************************************/ /* scrollbar */ /*****************************************************************************/ ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { display: none; } ::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }