@font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-save:before { content: "\e166"; } * { font-family:Helvetica; color: #ffffff; } h1 { font-family:"Avant Garde"; font-size: 2em } .text-center { text-align: center; } .icon { font-size: 1.25em; } body { background: url("../img/bg.png") no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .vertical-center { min-height: 93%; min-height: 93vh; display: flex; align-items: center; } .horizontal-center { margin: auto; width: 60%; min-width: 250px; max-width: 900px; } .center-box { background-color: rgba(255,255,255,0.30); border-radius: 15px; padding: 25px; -webkit-box-shadow: 0px 0px 20px -3px rgba(0,0,0,0.65); -moz-box-shadow: 0px 0px 20px -3px rgba(0,0,0,0.65); box-shadow: 0px 0px 20px -3px rgba(0,0,0,0.65); } .logo { position:absolute; right:10; bottom: 10; max-height: 80px; opacity: 0.5; filter: alpha(opacity=50); transition: .5s ease; } .logo:hover { opacity: 1; filter: alpha(opacity=100); max-height: 90px; } .author { color: #fff; font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 1.15em; text-align: right; } .quote { color: #fff; font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 1.25em; } .qotd { display: inline-block }.footer { margin: auto; min-width: 250px; max-width: 300px; position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background-color: rgba(255,255,255,0.10); opacity: 0.4; border-radius: 10px 10px 0px 0px; font-size: 0.75em; text-align: center; transition: .5s ease; } .footer:hover { background-color: rgba(255,255,255,0.27); opacity: 1; } .download { cursor: pointer; cursor: hand; display: inline; margin: 0px 5px 0px 5px; transition: .25s ease; opacity: 0.5; } .download:hover { opacity: 1; }