* { margin: 0; } html, body { height: 100%; width: 100%; margin: 0; padding: 0; background: #c39e3a; background: url(/ig/page_Access_Denied_Transp.png) no-repeat center, radial-gradient(ellipse farthest-corner at right bottom, #fedb37 0%, #fdb931 8%, #9f7928 30%, #8a6e2f 40%, rgba(0, 0, 0, 0) 80%), radial-gradient(ellipse farthest-corner at left top, #ffffff 0%, #ffffac 8%, #d1b464 25%, #5d4a1f 62.5%, #5d4a1f 100%) no-repeat center; font-family: 'Roboto', sans-serif; font-size: 1em; line-height: 1.4; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */ } .content { text-align: center; color: #FFFFFF; position: absolute; top: 70%; width: 100%; } /* Sticky footer by https://codepen.io/PitaGyros/pen/Ejkum */ .footer, .push { height: 20px; /* .push must be the same height as .footer */ text-align: left; font-size: 12px; background: -webkit-linear-gradient(#eee, #999); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* ======================= */ .domain { font-size: 28px; background: -webkit-linear-gradient(#eee, #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* ======================= */