.fullscreen { width:100% text-align:center } /* Page Width */ .stage { width:980px; margin-left:auto; margin-right:auto; } .top { width: 100%; height: 40px; border:solid 1px white } .left { width: 30%; height: 100%; float:left; } .main { float: left; height: 100%; width: 70%; border: solid 1px black; } /* Link Colors */ /* unvisited link */ a:link { color: #ffffff; } /* visited link */ a:visited { color: #ffffff; } /* mouse over link */ a:hover { color: #ffffff; } /* selected link */ a:active { color: #000000; } /* Font Stuff */ @font-face { font-family: "TW Cen MT"; src: url(twcenmt.ttf) format("truetype"); } @font-face { font-family: "c1"; src: url(c1.ttf) format("truetype"); } /* Font Colors */ p.twcenmt { font-family: "TW Cen MT"; color: #ffffff; } p.twcenmtred { font-family: "TW Cen MT"; color: #000000; } p.twcenmtlightgray { font-family: "TW Cen MT"; color: #A4A4A4; } p.twcenmtredhighlight { font-family: "TW Cen MT"; color: #FFFFFF; background-color: #000000; padding:4px; } p.twcenmtbluehighlight { font-family: "TW Cen MT"; color: #FFFFFF; background-color: #0600C0; padding:4px; } p.bold { font-weight: bold; } .c1 { font-family: "c1"; color: #ffffff; display: inline; } p { display: block; margin-top: 0em; margin-bottom: 0em; margin-left: 0; margin-right: 0; } /* Background Image */ body { background-image: url("https://i.postimg.cc/6Q88RPXM/woke-stars.jpg"); background-color: #000000; } /* iframe Border Remove */ iframe { border: none; } body { color: white; font-size: 2rem; font-family: "Name", sans-serif; } .image-container { width: 100%; height: 75vh; overflow: hidden; display: flex; justify-content: center; align-items: center; font-size: 64px; background-position: center; background-size: cover; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url('https://i.postimg.cc/gcVnvRCb/Background.jpg'); } .typing { width: 32ch; animation: typing 2s steps(22), blink .5s step-end infinite alternate; white-space: nowrap; overflow: hidden; border-right: 3px solid; font-family: monospace; font-size: 32px; } @keyframes typing { from { width: 0 } } @keyframes blink { 50% { border-color: transparent } } /* Reset some default margin and padding */ body, html { margin: 0; padding: 0; } /* Define a flex container to hold content and footer */ body { display: flex; flex-direction: column; min-height: 100vh; /* Ensure the container takes at least the full viewport height */ } .content { flex: 1; /* Allow content to grow and fill remaining space */ padding: 16px; /* Optional padding for content */ } .footer { background-color: rgba(51, 51, 51, 0); /* Background color for the footer */ color: #fff; /* Text color for the footer */ padding: 10px; /* Optional padding for the footer */ text-align: center; /* Center-align the content in the footer */ position: sticky; bottom: 0; /* Stick the footer to the bottom */ font-size: 16px; }