body {
 background-image: url("hih.png");
 background-size:cover;
 background-attachment:fixed;

}
.new-rocker-regular {
  font-family: "New Rocker", system-ui;
  font-weight: 400;
  font-style: normal;
}

div.search {
   position:fixed;
  
  float:left;
  width:20%;
  background-color:green;
  height:90%;
  margin-top:2%;
   margin-left:1%;
   border-radius: 20px;
   
  }
  
  button{
   margin-left: 5%;
  margin-right: auto;
  font-size:200%;
  width:90%;
  height:100px;
  transition: transform 0.3s ease;
  border-radius: 10px;
 
  margin-top:10px;
  font-weight:bold;
  font-family:arial;

  }
  
  button.pumk {
  background-color:#ff6600;
  color: #d1470f;
  border-bottom: 6px solid #d1470f;
  border-right: 6px solid #d1470f;
  }
  

  button.catalyst {
  background-color:#7d2652;
  color:  #4c0d26;
  border-bottom: 6px solid  #4c0d26;
  border-right: 6px solid  #4c0d26;
  }
  
  button.both {
  background-color:#ab2e1c;
  color: #940f24;
  border-bottom: 6px solid #940f24;
  border-right: 6px solid #940f24;
  }
  
  button:hover{
    transform:scale(1.1);
  }
  
  div.right {
    float:right;
    background-color:transparent;
    width:30%;
    height:90%;
    margin-top:2%;
    margin-right:1%;
    }
    
.middle {
float:right;
background-color:transparent;
width:46%;
height:90%;
margin-top:2%;
margin-right:1%;
}

.holder{
  margin: auto;
  width:90%;
  height:1000px;
    border-radius: 30px 30px 0px 0px;
  top:10px;
   border-width:5PX;
  background-color:transparent;
  margin-top:5%;
  color: #940f24;
  border-bottom: 6px solid #940f24;
  border-right: 6px solid #940f24;
font-size:20px;
  transition: transform 0.3s ease;
 
  font-weight:bold;
  font-family:arial;
}

.guestbook{
  width:95%;
  margin:auto;
  border-radius: 30px;
  border-width:5PX;


  }
  
  .banner{
    width:40%;
    height:15%;
    margin:0px auto;
  }
  
    .bannerp{
    width:50%;
    height:99%;
   
    margin-top:1%;
  
    color: #d1470f;
    text-shadow: 2px 2px 2px #000000;
         font-size:370%;
  border-width: 5px;
    background-image:url(132528087-fresh-raw-beef-steak-ma.jpg);
 float:left;

    font-family: "New Rocker", system-ui;
  font-weight: 400;
  font-style: normal;
 text-align: right;

  }
  
    .bannerc{
    width:50%;
    height:99%;
   
    margin-top:1%;
  
    color:  #4c0d26;
     text-shadow: 2px 2px 2px #000000;
     font-family: "Rubik Beastly", system-ui;
  font-weight: 400;
  font-style: normal;
    
font-size:370%;
    background-image:url(crystal.jpg);
    text-align: center;
    text-align: left;
    float:right;
 
    
  }
  .windowp{
    width: 90%;
  max-width: 600px;
height:auto;
  word-spacing: 2px;
  text-align: center;
  background-color: #aa3511;
  color: #bf806d;
  padding-bottom:20px;
  margin: 20px auto;
  border: solid red;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
  font-size: 14px ;
  font-family: Arial, sans-serif;

  }
  

.window, #window {
  width: 100%;                        /* Full width of screen or container */
  background-image: 
    linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)),
    url('132528087-fresh-raw-beef-steak-ma.jpg'),
    url('crystal.jpg');
  background-size: cover;
  background-blend-mode: screen; 
  background-position: center;
  display: flex;                  
  justify-content: space-between;
  align-items: center;            
  color: white;
  font-family: "Doto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 439;
  font-style: italic;
  font-variation-settings: "ROND" 0;
  overflow: visible;
              
}

.window p {
  margin: 0;                          /* Remove default <p> margin */
}

.window img {
  display: block;                     /* Prevent extra space below image */
  height: 100%;
  width: auto;
}

div{
 
  background-attachment:fixed;
  
  }