body {
  background:repeating-conic-gradient(#cdcdcd 0 25%, #dfdfdf 0 50%) 
      50% / 50px 50px;
  font-family: "Times New Roman", sans-serif
}

#frame {width:1200px;
  height:800px;
  object-fit:cover;
  margin-top:170px
}

#theiframe {
  position:absolute;
  top:370px;
  left:155px;
  height:470px;
  width:625px;
  border-radius:5px;
  border:0;
}

.deco {
  position:absolute;
  scale:93%;
  &:hover {scale:100%}
}

#title {
  position:absolute; 
  top:-90px; 
  white-space:nowrap;
  left:400px;
  font-size:100px;
  color:#fff;
  text-shadow:5px -2px #FFB0D8, -5px 2px #FFB0D8;
}

#navbar {
 position:absolute;
  top:150px;
  white-space:nowrap;
  left:700px;
  font-size:35px;
  font-style:italic;
}

a {
  color:#000;
  &:hover {color:#FF5688}
}

#pages {
  position:absolute;
  top:940px;
  left:100px;
  width:500px;
  height:100px;
  font-size:35px;
  font-style:italic;
}