@font-face {
  font-family: 'OldeEnglish';
  src: url('OldeEnglish.ttf');
}
.macheader {
  background-image: linear-gradient(135deg, rgba(255, 0, 0, 1) 0%, rgba(60, 0, 0, 1) 100%);
  background-clip: text;
  color:transparent;
  font-family: 'OldeEnglish', sans-serif;
  font-size: 100px;
}
.maclinks {
  background-image: linear-gradient(135deg, rgba(255, 0, 0, 1) 0%, rgba(60, 0, 0, 1) 100%);
  background-clip: text;
  color:transparent;
  font-family: 'OldeEnglish', sans-serif;
  font-size: 67px;
}
.ui {
  position: fixed;
  background:#ee0000;
  font-family: 'Trebuchet MS', sans-serif;
  left: 0;
  border-style: solid;
  font-size:20px;
}
.ui:hover {
   background: radial-gradient(circle, rgba(255, 110, 110, 1) 0%, rgba(255, 0, 0, 1) 100%);
}
.act1scenes {
  display:none;
}
.a1 {
  top:80px;
}
.a1:hover + .act1scenes {
  display: block;
}
.a2 {
  top:105px;
}
.a3 {
  top:130px;
}
.a4 {
  top:155px;
}
.a5 {
  top:180px;
}
.s1 {
  left: 60px;
  top:80px;
  background:#ffff00;
  position:fixed;
  border-style:solid;
  font-size:20px;
  display: block;
}
.act {
  font-size: 60px;
}
.scene {
  font-size: 40px;
}
.play {
  font-size: 25px;
}