body {
  background-color: #290704;
  color: #ffffff;
  font-family: yuji, "Times New Roman";
}
a:link{color:#ffe7b0;}
a:visited{color:#ffc0b0;}
a:hover{color:#ff80a4;}
/*Font Library*/
@font-face {
font-family: 'yuji';
src: url(https://rabbitroom.neocities.org/fonts/yuji.woff);} 
@font-face {
font-family: 'mai';
src: url(https://rabbitroom.neocities.org/fonts/mai.ttf);} 

/*Text*/
.hlite {
  font-family: yuji, "Times New Roman"; 
  font-size: 180%;}
.title {
  font-family: yuji, "Times New Roman";
  font-size:300%;
  text-align:center;}
.searchroom {
  text-align:center;
  font-size:140%;
}

/*Rooms and Images*/
.hallway{
  float: left; width: 15%; height: 80%; border: 3px #85220c solid; text-align:center; background-color:#3d150d;
  position: fixed;}
      @media screen and (min-width: 601px) {
        div.hallway {
          font-size: 150%;}}
      @media screen and (max-width: 600px) {
        div.hallway {font-size: 30%;}
        }
.viewroom{
  font-family:yuji, "Times New Roman";
  text-align:center;}
    @media screen and (min-width: 601px) {
    p.viewroom {
    font-size: 130%;}}
    @media screen and (max-width: 600px) {
    p.viewroom {font-size: 100%;}}
.item img{
  max-width:50%;
  height:auto;
  }
.item{
  display:flex;
  justify-content:center;
  margin-top:2%
  }
.room {
  float: right;
  width: 75%;
  border: 4px #85220c solid;
  overflow: auto;
  position: absolute;
  top: 0;
  padding:2%;
  margin-right: 2%;
  margin-left: 17%;
  margin-top:2%}

/*Envelopes and Notes*/
.plaque{font-family: yuji, "Times New Roman";
text-align:center;
font-size:120%
}
.subplaque{font-family: yuji, "Times New Roman";
text-align:center;
font-size:100%
}
.subberplaque{font-family: yuji, "Times New Roman";
text-align:center;
font-size:75%;
margin-left:20%;
margin-right:20%;
}
.appendix{
background-color: #c4b6b1;
  color:black;
  font-family: yuji, "Times New Roman";
  cursor: pointer;
  padding: 1%;
  width: 50%;
  border: none;
  text-align: center;
  outline: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:3%;
  font-size:110%;
  border-radius: 5px;
  box-shadow: 3px 3px 10px black;
}
.paper {font-family: mai,"Times New Roman";
font-size:90%;
text-align:left;
}
.envelope{  background-color: #c4b189;
  color:black;
  font-family: yuji, "Times New Roman";
  cursor: pointer;
  padding: 1%;
  width: 50%;
  border: none;
  text-align: left;
  outline: none;
  font-size:110%;}
.active, .envelope:hover {
  background-color:#decfaf;
  color:white;
}
    @media screen and (max-width: 600px) {summary.envelope {font-size: 70%;}}
.note{
  padding:3% 10% 1% 10%;
  background-color: #d9cbb0;
  font-family: mai, "Times New Roman";
  color:#1c0401;
}
.note a:hover {color:#8c1b01;}
.note a:link{color:#572700;}
.note a:visited{color:#66310f;}