@font-face {
  font-family: 'VGA437';
  src: url('/content/ttf/PerfectDOSVGA437.ttf') format('truetype');
}

@font-face {
	font-family: 'VT323';
	src: url('/content/ttf/vt323/VT323-Regular.ttf') format('truetype');
}

#HEAD {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    height: 100px;
    width: 400px;
    margin: 75px auto;
    outline: dashed 2px #188218;
}

#PAR {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 800px;
    max-width: 100%;
    margin: 75px auto;
}

#PAR p {
  padding: 20px;
}

#PAR img {
  outline: dashed 4px #00FF00;
  max-width:100%;
  object-fit: contain;
}

#PAR video {
  outline: dashed 4px #00FF00;
  max-width:100%;
  object-fit: contain;
}

#PAR ul {
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  list-style-type: none;
}

#PAR a {
  color: #188218;
}

#BODY {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 800px;
    max-width: 100%;
    margin: 75px auto;
}

#BODY p {
  padding: 10px;
}

#GIF {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    margin: auto;
}

#SOCIALS {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  height: 100px;
	  width: 400px;
	  margin: 10px auto;
}

hr.DEV {
    border-top: dashed 4px white;
    margin: 10px auto;
}

body {
    background-color: #0a0a0a;
    color: white;
    text-align: center;
    font-family: VGA437;
    color: #188218;
    font-size: 20px;
}

.back-to-home {
    position: fixed;
    top: 0;
    left: 0;
    margin: 10px;
    padding: 10px 20px;
    color: #188218;
    font-size: 16px;
    text-align: center;
}