.menu a:link {
  color: #FDE9BA;
}

.menu a:visited {
  color: #FDE9BA;
}

.menu a:hover {
  color: #708CCF;
}

.menu a:active {
  color: #C99492;
}

.menubox{
  position:static;
  text-align:right;
  font-size:20px;
  height:55px;
  width:460px;
  z-index: 20;
  background-color:#92C7C9;
  transform: translateY(0px) translateX(985px); /*x1134*/
}

.menu{
  width: 300px;
  height: 50px;
  margin: 0px 0px 0px 0px;
  text-align: right;
  position:static;
  font-size:12px;
  font-family: monospace;
  z-index:20;
  transform: translateY(-49px) translateX(1070px);
}

.boxright{
  margin-right:30px;
  border-style:solid;
  border-width:thin;
  padding: 15px 20px 15px 20px;
  width: 250px;
  text-align:center;
  float:right;
}

.diary0{
  font-family:monospace;
  margin-left:5px;
  background-color:#F5F1D6;
  width:950px;
}

.diary1{
  font-family:monospace;
  margin-left:5px;
  width:950px;
}

.body{
  width:100%;
} 

.links{
  position:absolute;
  height:300px;
  width:465px;
  grid-column:1;
  transform: translateY(151px) translateX(50px);
  padding: 12px 12px 12px 12px;
  background-color:#CCD3EB;
  border-style:double;
  border-width:2px;
  border-color:#CECEDC;
}

.linksbanner{
  position:absolute;
  height:15px;
  width:492px;
  font-family: monospace;
  grid-column:1;
  transform: translateY(130px) translateX(50px);
  margin-bottom:5px;
  background-color:#F8E391;
}

.plane{
  display:flex;
  justify-content:center;
  align-items:center;
  width:682px;
  margin-left:38px;
  margin-top:40px;
  background-color:#CCD3EB;
}

.photowall{
  display:block;
  width:900px;
  min-height:500px;
  margin: 75px 50px 50px 100px;
  background-color:#CCD3EB;
  left:0;
}

.photowall img{
  max-width:80%;
  height:auto;
  display:block;
}

.resourcesbanner{
  position:absolute;
  height:15px;
  width:470px;
  font-family: monospace;
  transform: translateY(430px) translateX(50px);
  margin-bottom:5px;
  background-color:#F8E391;
}

.resources{
  font-family: monospace;
  font-size:14px;
  position:absolute;
  height:135px;
  width:500px;
  transform: translateY(451px) translateX(50px);
  padding: 5px 15px 12px 15px;
  background-color:#B1D1E6;
  display:flex;
  flex-direction:column;
  gap: 12px;
}

.resources a:link{
  color:#A16C70;
}

.resources a:visited{
  color:#A16C70;
}

.resources a:hover {
  color: #FDE9BA;
}

.resources a:active {
  color: #C99492;
}

.resources a{
  display:block;
}

.introbox{
  position:absolute;
  height:290px;
  width:570px;
  transform: translateY(60px) translateX(90px);
  padding: 12px 15px 12px 15px;
  background-color:#A4B0CA;
  border-style:ridge;
  border-width:2px;
  border-color:#CECEDC;
  z-index:12
}

.intro{
 border-style:solid;
 border-color:#5B5A59;
 border-width:1px;
 height:270px;
 padding:12px 5px 5px 15px;
 font-family:monospace;
 font-size:13px;
}

.placehim{
  position:absolute;
  height:82px;
  width:102px;
  transform: translateY(379px) translateX(845px);
  rotate:-3deg;
  z-index:15;
}

.hcrow{
  position:absolute;
  height:250px;
  width:890px;
  transform: translateY(-148px) translateX(0px);
  z-index:10
}

.sky{
  position:absolute;
  height:409px;
  width:890px;
  transform: translateY(107px) translateX(0px);
  z-index:10
}

.contactbox{
  position:absolute;
  height:290px;
  width:220px;
  transform: translateY(60px) translateX(737px);
  padding: 12px 15px 12px 15px;
  background-color:#F5E58E;
  border-style:ridge;
  border-width:2px;
  border-color:#F3E17A;
  z-index:12
}

.envelope{
  position:absolute;
  height:400px;
  width:375px;
  transform: translateY(-20px) translateX(790px);
  z-index:11;
}

.bg1{
  position: absolute;
  height: 715px;
  width: 1200px;
  background:#DBDCDE;
  font-family: monospace;
  rotate: -2deg;
  z-index:10;
  transform: translateY(-220px) translateX(-230px);
}

.music{
  position:absolute;
  height:520px;
  width:885px;
  background:none;
  overflow-y:scroll;
  scrollbar-width:none;
  cursor:all-scroll;
  font-family:monospace;
  line-height:1.7;
  padding-left:7px;
  z-index:30;
  transform: translateY(-75px) translateX(20px);
}

.music a:link{
  color:#A16C70;
}

.music a:visited{
  color:#A16C70;
}

.music a:hover {
  color: #106868;
}

.music a:active {
  color: #C99492;
}

.albums{
 height:170px;
 width:170px;
 margin:0px 0px 50px 80px;
 
}

.musictext{
 margin: 0px 5px 50px -98px;
 font-size:15px;
}

.musictext1{
  margin: 0px 0px 50px 71px;
  font-size:15px;
}

.paperc{
  position:absolute;
  height:300px;
  width:250px;
  transform: translateY(0px) translateX(1070px);
  z-index:11;
}

.photoalbum{
  position:absolute;
  transform: translateY(80px) translateX(1141px);
  z-index:12;
}

a.photoalbum:link{
  color:#36454F;
}

a.photoalbum:visited{
  color:#36454F;
}

a.photoalbum:hover {
  color: #106868;
}

a.photoalbum:active {
  color: #C99492;
}

.movies{
  position:absolute;
  height:520px;
  width:850px;
  background:none;
  overflow-y:scroll;
  scrollbar-width:none;
  cursor:all-scroll;
  font-family:monospace;
  line-height:1.7;
  padding-left:7px;
  z-index:30;
  transform: translateY(570px) translateX(20px);
}

.cdring{
  position:absolute;
  transform: translateY(491px) translateX(61px);
  z-index:3;
}