* { padding: 0; margin: 0; border: 0; } html { height: 100%; min-height: 600px; min-width: 400px; } body { height: 100%; min-height: 600px; min-width: 400px; background-color: black; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 100; src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v5/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); } #background { position: relative; width: 100%; height: 100%; top: 1%; background-color: black; background: url("./img/nyc-skylinev2.jpg"); background-repeat: no-repeat; background-size: 100% auto; background-position: center top; overflow: hidden; } #fadingOverlay { position: relative; left: 0; top: 0; width: 100%; height: 100%; } #header { position: relative; top: 60px; left: 0px; display: inline-block; background-color: rgba(0,0,0,0.4); } h1#title { padding-right: 30px; padding-top: 5px; padding-bottom: 5px; padding-left: 30px; color: White; font-family: 'bebas_neuebold','Helvetica', sans-serif; font-weight: 100; font-size: 48px; } #main { position: relative; top: 150px; left: 0%; right: 0%; width: 100%; height: 100px; display: inline-block; background-color: rgba(1,0,0,0); } #appLine { position: absolute; top: 50%; bottom: 50%; width: 100%; height: 1px; background-color: White; } #systemSplit{ position: absolute; top: 25px; margin-left: 50%; } .appButton { position: absolute; top: 10px; bottom: 5px; float : left; margin-left: 0px; left: 10%; vertical-align: center; display: inline-block; } #waste { margin-left: 20%; } #finansielOSX { margin-left: 60%; } .appText { color : White; font-family: 'bebas_neuebold','Helvetica', sans-serif; font-weight: 100; font-size: 14px; text-align: center; font-weight: 300; } #descriptionObject { display: none; position: absolute; top: 50%; bottom: 0%; width: 100%; height: 100%; min-height: 800px; background-color: rgba(0,0,0,0.4); } #descriptionHeader { position: relative; width: 100%; top: 60px; color: White; } #subtitle { position : relative; padding-left: 10%; font-family: 'bebas_neuebold','Helvetica', sans-serif; font-weight: 100; font-size: 28px; } #descriptionBody { position: relative; top: 60px; color : White; font-family: 'Open Sans Condensed','Helvetica', sans-serif; font-weight: 100; font-size: 16px; word-wrap: normal; line-height: 150%; padding-left: 20%; max-width: 60%; } #downloadButton { position: relative; top: 20px; } #download { width: 166px; height: 56px; } #error { background-image: url('img/Shadow.png'); background-size: 100% 200px; height: 200px; width: 100%; position: relative; top: -60px; vertical-align: center; } #errortitle { position: relative; vertical-align: center; top: 70px; bottom: auto; color: rgb(255,240,240); font-family: 'Helvetica', sans-serif; font-weight: 100; font-size: 40px; } #logintitle { position: relative; vertical-align: center; top: 70px; bottom: auto; color: rgb(255,255,255); font-family: 'bebas_neuebold','Helvetica', sans-serif; font-weight: 100; font-size: 40px; } #input { position: relative; vertical-align: center; text-align: center; height: 40px; top: 70px; margin-top: 1px; bottom: auto; color: rgb(255,255,255); background-color: rgba(0,0,0,0.2); font-family: 'Open Sans Condensed','Helvetica', sans-serif; font-weight: 100; font-size: 32px; } #login { background-image: url('img/Shadow.png'); background-size: 100% 300px; height: 300px; width: 100%; position: relative; top: -100px; vertical-align: center; }