@font-face {
  font-family: "console";
  src: url("https://monoki.neocities.org/assts/fonts/ModernDOS8x16.ttf") format("truetype");
}

body {
background-image: url("./img/trees1.jpg");
background-color: black;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
color: black;
font-family: console;
}
body:after{
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      background: url("./img/trees1.jpg") center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}



.header {
width: 100vw;
//height: 100vh;
display: flex;
justify-content: center;
//align-items: center;
gap: 10px;
//position: absolute;

}

.container {
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px;
}

.nav {
width: 150px;
min-height: 500px;
background-color: black;
border-image-source: url("./img/border.png");
border-image-slice: 65;
border-image-repeat: round;
border-image-width: 50px;
border-size: 10px;
border-radius: 25px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.bode {
width: 750px;
min-height: 500px;
background-image: Url("./img/1001.png");
background-color: black;
//border-image-source: url("./img/diamondborder.png");
//border-image-slice: 80;
//border-image-repeat: round;
//border-image-width: 50px;
border: 2px inset black;
//border-radius: 25px;
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: column;
color: white;
box-shadow: inset 5px 5px 3px 0px #000000;
}

.insetbox {
border: 2px outset black;
background-color: black;
color: white;
font-family: console;
width: 90%;
//height: 90%;
padding: 10px;
box-shadow: 5px 5px 3px 0px #000000;
}

button {
padding: 5px;
background-color: lightgrey;
border: 2px outset black;
color: black;
font-family: console;
}