body {
  background-image: linear-gradient(#0f2d45, #430144);
}

p {
  color: white
}

a{
  text-decoration:none;
  color: white;
}

h1 {
  font-weight: bold;
}

h2 {
  color: white
    [url=https://fontmeme.com/undertale-logo-font/][img]https://fontmeme.com/permalink/231208/1bf2564d0e7ffe6e71d85f87e20ca366.png[/img][/url]
}

.column {
  float: left;
  width: 21.33%;
  padding: 1px;
}

.row {
  float: left;
  padding: 1px
}

@font-face {
  font-family: "DTM-Sans";
  src: url("DTM-Sans.otf");
}

.dtm-sans {
  font-family: "DTM-Sans";
  color: white;
  font-size: 18px;
  display: flex;
  align-items:center;
}

@font-face {
  font-family: "papyrus-font-undertale";
  src: url("papyrus-font-undertale.ttf");
}

.papy {
  font-family: "papyrus-font-undertale";
  display: flex;
  align-items:center;
}

@font-face {
  font-family: "DeterminationSansWeb";
  src: url("DeterminationSansWeb.woff");
}

.dt-sans {
  font-family: "DeterminationSansWeb";
  font-size: 24px;
}

table, th, td {
  border: 2px solid white;
  color: white;
  border-style:solid;
  font-size: 18px;
  vertical-align:middle;
  background-color: black;
}


.dtm-sans2 {
  font-family: "DTM-Sans";
  color: white;
  font-size: 25px;
  display: flex;
  align-items:center;
}

tr {
  display: flex; /* Use flexbox to make cells behave like a row */
}

.papy2 {
  font-family: "papyrus-font-undertale";
  font-size: 25px;
  display: flex;
  align-items: center;
  color: white;
  vertical-align: middle
}

/* Optional: To center the content horizontally */
.papy2 img, .htm-sans img {
  margin-right: -0px; /* Adjust the margin as needed */
}

@font-face {
  font-family: "comic-sans-ut-font-rus-eng";
  src: url("comic-sans-ut-font-rus-eng.ttf");
}

.comicsans {
  font-family: "comic-sans-ut-font-rus-eng";
}

.comicsans2 {
  font-family: "comic-sans-ut-font-rus-eng";
  font-size: 25px;
  display: flex;
  align-items: center;
}

.comicsans2 img {
  margin-right: -0px; /* Adjust the margin as needed */
}

.img {
  width: 80px;
}

tr {
  box-sizing: content-box;
}


.dtm-sans2,
.papy2,
.comicsans2,
.flowey {
  width: 35%; /* Adjust the width as needed based on your design */
}

/* Optional: Adjust the styling of the cells */
td {
  padding: 10px;
  border: 1px solid #ccc;
}

/* Optional: Ensure images are responsive */
.img {
  max-width: 100%;
  height: auto;
}