body {
    background: url('home images/NewBG3.png') no-repeat center center fixed; 
	
    background-size: cover;
	
color: white;
}

* {
  font-family: 'MedievalSharp';
}

@font-face {
font-family: MedievalSharp; 
src: url("MedievalSharp.woff"); 
}


/* BOXES */

.wind {
  width: auto;
  border: 4px solid white;
  border-color: white;
  padding: 50px;
  margin: 50px;
  overflow: hidden;
}
.wind2 {
  background-color:	rgba(0,0,0,0.5);
  width: auto;
  border: 4px solid white;
  border-color: white;
  padding: 50px;
  margin: 50px;
  overflow: hidden;
}

hr {
  border: none;
  height: 4px;
  color: white;  
  background-color: white;  
}
  

/* IMAGES */
 .img1 { 
    height: auto; /* Means the height is automatic  */
    width: 10%; /* For this specific page, the images appear right on pc this way  */
	 min-width: 100px; /* This then ensures they do not get too small or cut off on mobile  */
   
}
  
 .img2 { 
    height: auto; /* Means the height is automatic  */
 

   
}


/* TEXT */

pre {
text-wrap: wrap;
}
.blinktest {
  animation: blinker2 1.0s step-start infinite alternate;  
}

@keyframes blinker2 { 
50%   {
 opacity: 0;
  } 
 }

/* LINKS */

a {
  color: wh8ite
  text-decoration: none; /* Remove default underline */
  border: 2px solid white; 
  padding: 4px 8px; /* Add padding for spacing */
  transition: border-color 0.3s, box-shadow 0.3s; /* Add transition effect */
}

a:link {

  color: white;
}

a:visited {
 
  color: white;
}

a:hover {
 
  color: gray;
}

a:active {
 
    color: black; 
  
    }