/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

/* b612-mono-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'B612 Mono';
  font-style: normal;
  font-weight: 400;
  src: url('https://francesruza.neocities.org/fonts/b612-mono-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* b612-mono-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'B612 Mono';
  font-style: italic;
  font-weight: 400;
  src: url('francesruza.neocities.org/fonts/b612-mono-v14-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* b612-mono-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'B612 Mono';
  font-style: normal;
  font-weight: 700;
  src: url('francesruza.neocities.org/fonts/b612-mono-v14-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* b612-mono-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'B612 Mono';
  font-style: italic;
  font-weight: 700;
  src: url('francesruza.neocities.org/fonts/b612-mono-v14-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*DOS font*/
@font-face {
  font-family: 'Perfect DOS VGA 437';
  font-style: normal;
  font-weight: 400;
  src: url('https://francesruza.neocities.org/fonts/PerfectDOSVGA437.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  background-image: url('images/sky2.jpeg');
   background-size: 100%;
    
  height:100px;
  color: black;
  font-family: "B612 Mono";
}

h1 {
  font-size: 4px;
  font-family: "Perfect DOS VGA 437";
  color: black;
}

p {
  font-family: "B612 Mono";
  font-size: 9px;
}

li {
  font-size: 9px;
  font-family: "Perfect DOS VGA 437";
}


/*GIFS! GIFS! GIFS! GIFS! GIFS!*/

#sword {
transform: rotate(270deg);
display: inline;
}


#lefttop {
    border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAnFJREFUeF7tm9t2gzAMBJP//+j25KkFEtaL1q5NJ682uoxWiiHk+Vj/8yVSeI5McaizTokBNAwWoAANE9iZ2ytsP4bSClT+StnOMENVggA1SwxQE5jaDlBBSAFyAe/3p8dUNd5NfOngXsarAaZnplvAEpPSxR8iBagqobkO0MHAlLtqQZR9tV7yf6XlSw5VNoEZ3ODidEspP4Ae2QK0KknzVvjUXYtCSxW7kOxofxdC/HwJQKM4Hw+AAjRMIGzunUKXnmFhPvatNEB1BSyBARSgmkB4R1mh4Xhsc1YCtvXOF7QcmzqHcDAP0DBxgAL0h8Cr5ZdWRLiYZXMALSPcGgAoQMMEwuZQqA/09DsHoAD1CYSvQKGjge793e1cqvJRr/7s+Zzerv+Hx3cAHdmib+4UlXsUuiPkvnIeb3nLoCrvgutqxm4K1DJDAXquAoCaXYJCTWBqexmoOpeqANTQn/FnF5XT73V5p6SMqQqpGavOgcr/bOsADVcEoH8N9G4tGuZ5MLfh1XIOXf1LBKC9CYTto9DRQMP+bm9OKvT2BMIJAhSgYQJhc8srdOpz8opnTID2bLFH23+twiF8NodCw6hbgE7dYmEeLebiT5taitAS2Kp7ABquHEBnAxqOp2xu9Ey3/K04D60Ey+Uz/9QBUE3cKiBAJwBqVUzHa+/o7b9k/4pCSw5tfMcLevsv2QdouGAAnQDoPoRSizSMAPUqkCuKrvG6wbzLv2uADa9suzl0jdcNBqCipQAafkCdAJqeqe7M7NrCDTN+swWgLrEBLY9CfxFAoQsoVIXozkhlb6r1HgpVCQJUETLXAWoCU9tvDfQbJBewTaSoHhcAAAAASUVORK5CYII=') 28 /  28px / 0 round;
    border-width:  28px;
    border-style:  solid; 
    color: #FFFFFF;
  }