body{
background-color: #000000;
background-image: url("spacekine.png");
color: #ffffff;
}

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

 @font-face {
  font-family: Visitor TT1 BRK; /* set name */
  src: url(visitor1.ttf); /* url of the font */
}


#main{
  margin: 2.5%;
  margin-left: auto;
  margin-right: auto;
  max-width: 768pt;
  background-color: #000000;
  border-color: #760DFF;
  border-width: 7px;
  border-style: solid;
  font-family: "TerminalVector";
  font-size: 0.75rem;
  list-style-type: none;
}

#mood{
  vertical-align: bottom;
}

#header{
  margin: 0;
  padding: 0;
}

.navbar{
  border-color: #760DFF;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  border-top-width: 7px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

#tab{
  font-family: Visitor TT1 BRK;
  font-size: 2rem;
  list-style-type: none;
  border-right: 0px;
  border-right-style: solid;
  border-right-color: #760DFF;
  padding-left: 0px;
  padding-right: 0px;
}

.blinkiewall {
  border-top-width: 7px;
  border-top-color: #760DFF;
  border-top-style: solid;
  margin: 0;
  padding: 0em;
  overflow: hidden;
  white-space: nowrap;
}

.buttons {
  display: inline-block;
  animation: 100s slide infinite linear;
  font-size: 0%;
}

.button {
  padding: 5px;
  text-align: center;
  font-size: 0px;
}

.bigbutton {
  display: block;
  width: 75%;
  height: 75%;
  margin: auto;
  padding: 0px;
  image-rendering: pixelated
}


.blinkiewall:hover .buttons {
  animation-play-state: paused;
}

@keyframes slide {
  from{
    transform: translateX(0);
  }
  to{
    transform: translateX(-100%);
  }
}

.blinkiewall img {
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 20px;
}


#homeflex{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 0px;
  column-rule-style: solid;
  column-rule-color: #760DFF;
  flex-wrap: wrap;
}

#statuscafe {
    padding: 5px;
    border-top: 7px solid #760DFF;
    text-align: center
}
#statuscafe-username {
    padding: 2.5px;
}
#statuscafe-content {
  padding: 2.5px;
}

#linkflex{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0px;
  column-rule-style: solid;
  column-rule-color: #760DFF;
  flex-wrap: wrap;
}

#part{
  border-color: #760DFF;
  border-right-width: 7px;
  border-right-style: solid;
}

.sectionheader {
  padding-left: 0px;
  margin-left: -25px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-right: 0px;
  display: block;
  text-align: left;
}


.blogpic{
  display: block;
  max-width: 75%;
  max-height: 75%;
  margin: auto;
  padding: 0px;
  align-content: center;
  image-rendering: pixelated
}

a {
  color: #760DFF;
  text-decoration: none;
}

li {
  padding: 0px;
  margin: 0;
}

h1 {
  font-family: Visitor TT1 BRK;
  font-size: 5rem;
  margin: 0;
  padding: 25px;
  background-image: url("smallerspacebackground.png");
  text-align: center;
}
h2 {
  font-family: Visitor TT1 BRK;
  font-size: 1.75rem;
  border-color: #760DFF;
  border-top-width: 7px;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  border-top-style: solid;
  margin: 0;
  text-align: center;
}

h3 {
  text-align: center;
  font-size: 1rem;
}

h4 {
  text-align: center;
  font-size: 0.7rem;
}

p {
  padding-left: 5px;
  padding-right: 5px;
  display: block;
  text-align: center;
}

@media only screen and (max-width: 1000px) {
  #part{
  border-color: #760DFF;
  border-width: 0px;
  border-right-style: none;
  }
  #homeflex{
  grid-template-columns: repeat(1, 1fr);
  flex-wrap: wrap;
  }
  #linkflex{
  grid-template-columns: repeat(1, 1fr);
  flex-wrap: wrap;
  }
}