font-face { font-family: "bitxmap"; src: url('https://static.tumblr.com/jsgxnag/ijHmxmtja/bitxmap_font_tfb.ttf'); }

body{
font-family:bitxmap;
font-size:16px;
background:url('https://64.media.tumblr.com/46fd39ea2c5351856709332fc0f2e59a/tumblr_inline_mrhrlyQU6f1qz4rgp.gif') repeat center fixed;
}


.header{
  text-align: center;
  padding: 50px;
  color:#A4636C;
  border:1px solid pink;
  background: url(https://64.media.tumblr.com/2ba2539b5f50d3a2dcf5fcabe01715f2/tumblr_inline_n1t4jxNf5J1qfc9y0.gif) center repeat ;
  width: auto;
  height: 50px;
  margin: 0 auto;
  display: block;
  border-radius: 10px;

 
}





.top {
  
text-align: center;
letter-spacing:1px;
 border-radius:10px;
 font-size:15px;
 padding:10px;
 background:white;
 color:#A4636C;
 border:1px solid pink;
}
.bottom {
  
  text-align: center;
  letter-spacing:1px;
 border-radius:10px;
 font-size:15px;
padding:10px;
background:white;
color:#A4636C;
border:1px solid pink;
}
.left {
  
  text-align: center;
  letter-spacing:1px;
border-radius:10px;
font-size:15px;
padding:10px;
background:white;
color:#A4636C;
border:1px solid pink;
}
.right {
  
  text-align: center;
  letter-spacing:1px;
border-radius:10px;
font-size:15px;
padding:10px;
background:white;
color:#A4636C;
border:1px solid pink;
}
.container {
  text-align: center;
  letter-spacing:1px;
 border-radius:10px;
 font-size:15px;
 padding:10px;
 background:white;
 color:#A4636C;
 border:1px solid pink;
 width: 300px;
 height: 400px;
 

}


.nav{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 150px;
  flex-wrap: wrap;
}
.link{
  text-align: center;
  margin-top: 5px;
  justify-content:flex-end;
  
}
a:hover{
color:white;
text-shadow: 0px 0px 3px brown;
}
.sample{
  color: brown;

}
.uh2{
 width: 800px;
 letter-spacing:1px;
 border-radius:10px;
 font-size:15px;
 padding:10px;
 background:white;
 color:#A4636C;
 border:1px solid pink;
  /* Center horizontally within its parent */
  margin: 0 auto;
  display: block;
}

/* Utility: center an element in the middle of the viewport (both axes).
   Usage: add the `center-viewport` class alongside `uh2`:
   <div class="uh2 center-viewport">...</div>
*/
.center-viewport {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.lace{
 padding:15px;
 background:url('https://pixelsafari.neocities.org/dividers/repeatstripelace.png') center repeat-x;
 width: 100%;
 height: 10px;
}

 .lace2{
 padding:20px;
 background:url('https://pixelsafari.neocities.org/dividers/repeatstripelace.png') center repeat-x;
 width: 100%;
 height:10px;}