body { background: url('../img/girl.jpg') no-repeat fixed; margin: 0; padding: 0; } @font-face { font-family: univers-light; src: url('../fonts/UniversLTStd-Light.otf') format("opentype"); src: url('../fonts/universltstd-light-webfont.eot'); src: url('../fonts/universltstd-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/universltstd-light-webfont.woff') format('woff'), url('../fonts/universltstd-light-webfont.ttf') format('truetype'), url('../fonts/universltstd-light-webfont.svg#univers_lt_std45_light') format('svg'); } @font-face { font-family: univers; src: url('../fonts/UniversLTStd.otf') format("opentype"); src: url('../fonts/universltstd-webfont.eot'); src: url('../fonts/universltstd-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/universltstd-webfont.woff') format('woff'), url('../fonts/universltstd-webfont.ttf') format('truetype'), url('../fonts/universltstd-webfont.svg#univers_lt_std45_light') format('svg'); } .container { width: 900px; margin: auto; } #home p { font-family: univers-light; font-size: 17px; color: #fff; padding-top: 400px; } .button { display: inline-block; padding: 25px; text-transform: uppercase; font-size: 20px; text-decoration: none; font-family: univers; } #connect { color: #fff; position: absolute; margin-left: 377px; z-index: 50; } #connect .button { background: #f94130; color: #fff; } #insert { font-size: 13px; display: block; padding: 3px 0 0 0; color: #fff; text-decoration: none; } #insert:hover { text-decoration: underline; } #neutralnetwork { color: #fff; font-family: univers; font-size: 17px; } #topic { font-size: 19px; } #topic strong { text-transform: uppercase; } #top { padding: 10px 0; background: #333; position: fixed; top: 0; width: 100%; z-index: 100; } #nav { position: absolute; text-align: right; margin-top: -30px; } #nav ul { margin: 0; padding: 0; } #nav li { list-style: none; display: inline-block; padding: 0 10px; border-left: 1px solid #555; } #nav li:first-child { border: 0; } #nav a { color: #fff; text-decoration: none; font-family: univers-light; font-size: 15px; } #join { background: #f94130; color: #fff; } h1 { font-weight: bold: font-size: 20px; margin: 0; padding: 100px 0 40px 0; text-align: center; font-family: univers; } #join, #join a { color: #fff; text-decoration: none; } .step { font-family: univers; font-size: 15px; margin-bottom: 70px; } .number { font-size: 70px; width: 80px; text-align: center; vertical-align: top; } .number, .help { display: inline-block; } .help { line-height: 25px; } #chat { background: #FFB920; } #chat iframe { width: 100%; border: 0; padding-top: 64px; margin: 0; } #embed { padding-top: 280px; background: #FFB920; } #embed input { font-size: 22px; background: #fff; border: 1px solid #fff; padding: 5px; } #embed label { display: block; font-size: 20px; font-family: univers; padding: 5px 0; } #embed .help { display: block; font-size: 17px; font-family: univers; padding: 10px 0; } #html { display: none; margin-top: 10px; padding-top: 10px; /* border-top: 1px solid #fff; */ } #embed a { color: #333; } #embed input { width: 100%; }