@font-face {
    font-family: metal;
    src: url("Metal.ttf");
}


body {
    background-image: url(https://images.unsplash.com/photo-1625159510807-03f1d1b52bff?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);

    min-height: 100vh; 
    font-family: sans-serif;
    color:aliceblue

    padding: 20px;
}
.header {
    margin-top: 10px;
    margin-left: 10px;
    text-align: center;
  
}

h1 {
    font-family: metal;
    font-size: 100px;
    -webkit-text-stroke: 1px rgb(117, 80, 25);
}
.sidebar {
    width: 17%;
    height: 70%;
    position: absolute;
  
    top: 15%;
    left: 4%;
    border: 3px solid maroon(70, 52, 52);
    background-color: black;
    background-repeat: repeat;
    text-align: center;
      border: 3px solid maroon;
   
}

.button {
  background-color: #140b0b; 
  border: 3px solid maroon;
  color: maroon;
  border-radius:10px;
  text-align: center;
  text-decoration: none;
  font-size: 40px;

  padding: 15px 32px;
  display: inline-block;
   margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
 
}

.button:hover {
    background-color: maroon;
    color:#140b0b; 
}




.sidebtn:hover{
    opacity: 0.5;
}



#webmaster {
height: 290;
width: 240px;
border-radius: 6px;
margin-top: 10px;
margin-left: 25px;
padding: 0px;
font-size: 15px;
line-height: 15px;
font-family: pencil;
  border: 1px solid lime;

background-size: 60%;
        background-blend-mode: darken;
  background-color: rgba(0,0,0,0.0);
}

.content {
  border: 3px solid maroon;
border-radius: 6px;
background-color:rgb(0, 0, 0);
width: 900px;
margin-left: 520px;
margin-top: 30px;
overflow-y:auto;
text-align: left;
height: 500px;
color: rgba(245, 245, 245, 0.829);
padding: 15px;
font-size: 25px;
font-family:"pencil";
}