@font-face {
  font-family: 'pusab';
  src: url('pusab.woff') format('woff'),
       url('pusab.ttf') format('truetype');
}
#real {
  color: #e7eb00;
}
html, body {
  font-family: 'pusab', pusab;
  margin:0;
  padding:0;
  width: 100%;
  height: 100%;
  background-color: black;
  /*color: #C9AB00;*/
  color: white;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 110%
}
header {
  background-color: black;
  height: 133px;
}
main {
  bottom: 0;
  width: 865px;
  background-color: #8F4C00;
  margin: auto;
  box-shadow: 
    0 0 0 8.3px #000000,
    0 0 0 20.5px #5CE430,
    0 0 0 29px #CFEF96;
   clip-path: inset(0px -29px 0px -29px);
  -webkit-text-stroke: 1.5px black;
}
img {
  height: 100%
}
footer {  
  background-color: black;
  color: white;
  height: 133px;
}
p {
  font-size: 24px;
  -webkit-text-stroke: 1px black;
}
.gitton {
  position: relative;
  left: -173.5px;
  top: -81px;
  background-color: transparent;
  padding: 50px 60px;
  border: none;
  cursor: pointer;
  border-radius: 100%;
}
.diston {
  position: relative;
  left: 173.5px;
  top: -81px;
  background-color: transparent;
  padding: 50px 60px;
  border: none;
  cursor: pointer;
  border-radius: 100%;
}
article {
  border: 5px solid #472500;
  border-radius: 16px;
  width:75%;  
  margin: auto;
}
/* links stuff */
a:link {
  color: #155FD9
}
a:visited {
  color: #BCBE00;
  -webkit-text-stroke-color: black;
}
a:hover {
  color: white
}