style.css

body,html {
  margin:0;
  overflow:auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
#thehead {
  width:100%;
  position:absolute;
  top:15%;
  color:white;
  font-size:75px;
  text-align:center;
}
#menu {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:60px;
  background:rgba(0,0,0,0.7);
  backdrop-filter:blur(10px);
  color:white;
  box-shadow:0px 2px 10px 1px rgba(255,255,255,0.3);
 }
#menu r {
  color:white;
  padding:5px 10px;
  font-size:20px;
  border-radius:10px;
  cursor:pointer;
  margin-right:10px;
  transition:0.2s linear;
}
#menu r:hover {
  background:rgba(255,0,0,0.3);
}
#menu div {
  position:relative;
  top:15px;
  float:right;
  margin-right:20px;
}
#menu h2 {
  display:inline-block;
  position:absolute;
  top:-5px;
  transition:0.2s linear;
}
#menu h2:hover {
  cursor:pointer;
  color:rgba(255,255,255,0.6);
}
#textbox {
  position:fixed;
  top:80px;
  width:calc(100% - 40px);
  height:100%;
  
  margin:20px;
  background:rgba(0,0,0,0.7);
  backdrop-filter:blur(10px);
}
#textbox h1 {
  font-size:55px;
  margin-bottom:10px;
  color:white;
  text-align:center;
}
#textbox img {
  margin:20px;
}
#textbox p {
  font-size:30px;
  padding:50px;
  color:#c7c7c7;
  position:absolute;
  left:calc(30% + 50px);
  top:120px;
}
links {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  text-align:center;
}
btn {
  background:rgba(0,0,0,0.5);
  color:white;
  backdrop-filter:blur(10px);
  padding:10px 20px;
  margin:20px;
  border-radius:10px;
  border:2px solid red;
  box-shadow:0px 0px 10px 1px red;
}