body {
 background-image: url("grid.png"), linear-gradient(#0000FF, #000000 60%);
 background-position: center;
 background-attachment: fixed;
 font-family: "Times New Roman";
 }

.blackbox {
 margin: auto;
 width: max-content;
 text-align: center;
 padding-left: 10px;
 padding-right: 10px;
 border: 5px outset #232323;
 background-image: url(blackbox.png);
 margin-bottom: 25px;
 }

.tile {
 max-width: 1000px;
 margin-left: auto;
 margin-right: auto;
 border-radius: 50px;
 background-image: url("tile.png");
 margin-bottom: 25px;
 }

.border {
 border: 91px solid transparent;
 border-image: url(border.png) 33%;
 }

.textbox {
 border: 5px solid #a4a4a4;
 padding: 20px;
 background-color: rgb(0 0 0 / 0.5);
 }

:root {
 color-scheme: dark;
 }

h1, h3, p, ol, ul, i, a:link, a:visited, hr {
 color: #ffffff;
 }

a:hover, a:active {
 color: #ff0000;
 }

::selection {
 color: #ffffff;
 background: #ff0000;
 }

h1 {
 font-size: 40px;
 }

h2 {
 padding-left: 25px;
 font-size: 30px;
 color: #FFA500;
 text-shadow: 2px 2px #000000;
 }

h3 {
 font-size: 25px;
 color: #ffffff;
 }

p {
 font-size: 20px;
 line-height: 1.5;
 text-shadow: 2px 2px #000000;
 }