@font-face {
  font-family: myFont; /* set name */
  src: url(sansation_light.woff); /* url of the font */
}

   <title>Dinosaurs In June!</title>

    <meta content="A Dino Themed Personal Site!" name="description" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!--favicon thing?-->
    <link href="favicon.ico" rel="icon" type="image/x-icon" />
    
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Experimental Stuff</title>
      <style>
      .border {
        border-image: url("https://dinosaursinjune.neocities.org/floral-frame-leaves-border-free-png.png");
        border-image-slice: 140 140 158 140;
        border-image-width: 30px 30px 30px 30px;
        border-image-outset: 0px 0px 0px 0px;
        border-image-repeat: stretch stretch;
        background-image: url("https://dinosaursinjune.neocities.org/stoneheadg.png");
      }
      .body {
            background-image: url("https://dinosaursinjune.neocities.org/dinobg.jpg");
      }
      .container {
        margin: 100px 150px;
  display: grid;
  grid-template-areas:
    "header ."
    "menu content"
    "footer content";
  grid-template-columns: 4fr 1fr;
  gap: 20px;
  background-image: url("https://dinosaursinjune.neocities.org/stoneheadg.png");
  padding: 20px;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
body {
            background-image: url("https://dinosaursinjune.neocities.org/dinobg.jpg");
            background-repeat: no-repeat;
            bakground-attachment: fixed;
            background-size: cover;
          }
      .container {
  display: grid;
  grid-template-areas:
    "header ."
    "menu content"
    "footer content";
  grid-template-columns: 4fr 1fr;
  gap: 20px;
  background-image: url("https://dinosaursinjune.neocities.org/stoneheadg.png");
  padding: 20px;
}
.container div {
  background-image: url("https://dinosaursinjune.neocities.org/stonehead.png");
	border: groove grey;
  padding: 20px;
}
mark {
  /* Text highlighted by using the <mark> element */
  text-shadow: 1px 1px 4px var(--link-color);
  background-color: #78c118;
  color: var(--text-color);
}
.container div.header {
  grid-area: header;
  text-align: left;
	padding: 5px;
	grid-row 2;
	grid-row-end span 1;
	height 5px;
	font-size: 20px;
	display: inline;
	grid-row-end: 2;
}
.container div.content {
  grid-area: content;
padding: 5px;
font-size: 40px;
}
.container div.menu {
  grid-area: menu;
padding: 10px;
text-align: center;
font-size: 25px;
}
.container div.footer {
  grid-area: footer;
  text-align: center;  
padding: 2px;
}
.image-container {
  width: 300px;
  height: 200px;
  border-image: url("https://dinosaursinjune.neocities.org/rocks.png"); 10 / 5px 5px 5px 20px / 20px 20px 20px 20px
    round;
    justify: left;
}
.image-container img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}