@import url('https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap');

body {
  background: #010101;
  background-color: #010101;
  background-image: url("/starssnakeeater.gif");
  color: #b0e7c0;
  font-family: "Doto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 1000;
  font-style: normal;
  font-variation-settings:
    "ROND" 0;
}

@font-face {
    font-family: 'PixelFont';
    src: url('https://fonts.googleapis.com/css2?family=Jacquard+12&display=swap');
}

p {
  color: #b0e7c0;
  font-family: "Doto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 1000;
  font-style: normal;
  font-variation-settings:
    "ROND" 0;
}

.title {
  font-family: MGSTitle;
}

@font-face {
    font-family: 'MGSTitle'; /*a name to be used later*/
    src: url('/MGS2.ttf'); /*URL to font*/
    font-stretch: ultra-expanded;
}

table {
 width: 60%; 
 margin: auto;
 margin-top: 60px;
 margin-bottom: 60px;
 background: #010101;
 background-color: rgba(0, 0, 0, 0.5);
}

.basic-border {
  border-style: solid;
  border-radius: 5px; 
  border-color: #b0e7c0; 
  border-width: 2px;
}

a {
  color: #8ce1a5;
}
a:hover {
   color: #7ac28f;
 }
a:visted {
  color: #8ce1a5;
}

/* Grid CSS */
.grid {
  display: grid;
  grid-template:0.8fr 1fr 1.5fr 1.5fr 0.8fr 0.2fr/1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0px;
  background-color: rgba(0, 0, 0, 0.5);
}

.header { grid-area: 1 / 1 / 2 / 7; }
.about { grid-area: 2 / 1 / 4 / 4; }
.art-feature { grid-area: 2 / 4 / 4 / 7; }
.writing-feature { grid-area: 4 / 1 / 6 / 4; }
.site-blog { grid-area: 4 / 4 / 6 / 7; }
.footer { grid-area: 6 / 1 / 7 / 7; }