body {
  background-image: url('https://m.media-amazon.com/images/I/81kQ4NBYB2L._AC_UF894,1000_QL80_.jpg');
  background-repeat:repeat;
  background-size: 700px 700px; /* Scales each individual tile */
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center;     /* Centers vertically */
  height: 100vh;           /* Gives the parent height (e.g., full screen) */
  overflow:hidden;
  margin:0px;
}

.main {
  background-color: #32392a;
  width:700px;
  min-height: 100vh;
  max-height: 100vh;
  padding:50px;
  color:#f1eab9;
  position:relative;
}

.maininside {
  height: calc(100vh - 240px);
  overflow-y:auto;
  text-align:justify;
}

.sidebar {
  width:200px;
  margin: 0px -60px 0px 0px;
}

.ribbon {
  background-image: url('https://i.imgur.com/IqhQipD.png');
  background-size:70%;
  background-repeat:no-repeat;
  height:35px;
  font-size:20px;
  text-align:right;
  padding-top:05px;
  padding-right:65px;
}
  

.moth {
  width:150px;
  position: absolute;
  bottom: 80px; /* Distance from the bottom edge */
  right: -50px;  /* Distance from the right edge */
  z-index: 1000; /* Keeps it on top of other content */
  
}