@font-face { font-family: 'Minecraftia'; src: url('Minecraftia.ttf'); } h2,h3,h4,h5,h6 { font-family: 'Oswald', sans-serif; } #wrapper { } #header { padding-top: 20px; padding-left: 20%; padding-right: 20%; background-color: #fa8144; height: 175px; text-align: center; font-family: 'Crete Round', serif; background-image: url("../img/bg.png"); background-position: -40px -40px; } #header h1 { font-size: 55px; text-shadow: 4px 3px 0px rgba(255, 255, 255, 0.55), 9px 8px 0px rgba(0,0,0,0.15); } #search { padding: 5px 30%; background-color: rgb(186, 85, 28); } #content { padding-top: 10px; padding-left: 20%; padding-right: 20%; min-height: 500px; } #footer { border-top: solid 2px rgba(204, 204, 204, 0.64); padding-left: 20%; padding-right: 20%; background-color: rgba(243, 243, 243, 0.64); height: 100px; padding-top: 20px; } #footer img { opacity: 0.35; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; /* ...and now for the proper property */ transition:.5s; } #footer img:hover { opacity: 0.7; } #footer a:hover { text-decoration: none; } .name { font-family: 'Minecraftia'; } .label-staff { background-color: #FFAA00; } .label-ultra { background-color: #55FFFF; } #log { font-family: 'Minecraftia'; font-size: 14px; } .black { color: black; } .chat { font-size: 13px; } .pm { padding-left: 10px; padding-right: 10px; } #test-bar { align-content: center; padding-top: 20px; background-image: url("../img/bg.png"); min-height: 750px; font-family: 'Crete Round', serif; } #test-bar h1 { font-size: 48px; text-shadow: 4px 3px 0px rgba(255, 255, 255, 0.55), 9px 8px 0px rgba(0,0,0,0.15); }