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


body {
    background-image: url(https://64.media.tumblr.com/102175dad8e9b3d0bd593e736dfec629/4826f5ed48c964b9-6b/s250x400/f7cee9b6e9fc7776e246092446e5e0043d988580.pnj);

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

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

h1 {
    font-family: sahir;
    font-size: 87px;
      color: rgb(105, 30, 71);

}
.sidebar {
    width: 17%;
    height: 70%;
    position: absolute;
  
    top: 15%;
    left: 4%;
    border: 3px solid rgb(105, 30, 71);
    background-color: rgba(236, 195, 223, 0.712);
    background-repeat: repeat;
    text-align: center;
 
   
}

.button {
  background-color: rgb(240, 161, 194);
  border: 3px solid rgb(105, 30, 71);
  color: rgb(105, 30, 71);
  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: rgba(241, 104, 156, 0.712);
     color: rgb(255, 244, 249);
   
}




.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 rgb(105, 30, 71);
border-radius: 6px;
background-color: rgba(236, 195, 223, 0.712);
width: 900px;
margin-left: 520px;
margin-top: 30px;
overflow-y:auto;
text-align: left;
height: 500px;
color: rgba(80, 9, 48, 0.829);
padding: 15px;
font-size: 25px;
font-family:"pencil";
}