@font-face { font-family: 'Meath'; src: font-url("MeathFLF.ttf") format('truetype'); } * { font-family: Verdana, sans-serif; margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6 { font-weight: normal; } h1,h4 { text-decoration: underline; } h1 { font-size: x-large; } a { text-decoration: none; color: rgb(110, 210, 12); } a:visited { color: rgb(60, 130, 12); } #content { top: 0px; left: 0px; width: 100%; } .section { position: relative; height: 1000px; left: 50%; transform: translate(-50%, 0); overflow: hidden; } .background { position: absolute; z-index: -1; } .content { position: absolute; width: 80%; left: 50%; transform: translate(-50%, 0); top: 200px; height: 400px; padding: 30px; z-index: 1; } .text { background: rgba(255, 255, 255, 0.6); border-style: solid; border-color: rgba(100, 190, 50, 0.6); border-radius: 10px; border-width: 3px; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6); } /* #title { position: fixed; top: 0px; left: 50%; transform: translate(-50%, 0); z-index: 10; } #title h1 { font-family: Meath; font-weight: bolder; font-size: 60px; } .text { background: white; border-style: solid; border-color: rgb(100, 190, 12); border-radius: 30px; border-width: 3px; padding: 10px; } #content { top: 0px; left: 0px; width: 100%; } .section { position: relative; height: 1200px; } .background { position: absolute; z-index: -1; overflow: hidden; } .background img { position: absolute; top: 0px; left: 50%; transform: translate(-50%, 0); } #back { position: fixed; border-radius: 15px; border-width: 2px; z-index: 1; } p,h1,h2,h3,h4,h5,h6 { opacity: 1; } h1,h2,h3,h4,h5,h6 { font-weight: normal; } h1,h4 { text-decoration: underline; } h1 { font-size: x-large; } a { text-decoration: none; color: rgb(110, 210, 12); } a:visited { color: rgb(60, 130, 12); } */ /* vim: set ts=2 sw=2: */