body {
          font-size: 1.4em;
           text-align:center;
        color: #FFFFFF;
padding: 0.4em;
padding-bottom: 0.3;
margin: 0.3em;

background-image: url('https://images.unsplash.com/photo-1599498253880-13ffa6332c12?q=80&w=1498&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
background-color: grey;
border: 0.2em solid #000000;
  font-family: "Delius Swash Caps", cursive;
}


  h1 {
         font-size: 2.7em;
        text-align: center;
text-shadow: 3px 3px 3px black;
transition: text-shadow 0.5s; 

    }  
        
    h1:hover{
         text-shadow: 5px 6px 6px black; 
    }
    
      h2 {
text-shadow: 1px 1px 1px black;
transition: text-shadow 0.5s;   
}

h2:hover{
    text-shadow: 3px 4px 4px black; 

}

.box {
  /* PLAY WITH THE FLEX-BASIS TO SET THE SIZE OF THE BOXES - DON'T GO OVER 45% */
  flex-basis: 35%;
  margin: .5em;
  padding: 1em;
  text-align: center;
  background-color: white;
}

.tiny{
    font-size: 0.8em;
    
}

/*links and link transitions*/

a { 
  color:#DB0000;
  background-color: white;
  border-color: #DB0000;
  border width: 0.5em;
  transition: border 1.5s;
  transition: background-color 0.4s;
}


a:hover {
    background-color: #D80000;
    color: black;
    border-color: black;
    border-style: dashed;
    border width 0.2em
}

img{
    transition: border 0.75s;
    border-color: black;
    border-width: 7px;
}


img:hover{
    border: 0.6em inset red;
}


.logo{
    border-style: double;
    border-color: #D80000;
    border-width: 5px;
    box-shadow: 2px 2px 2px;
}
main {

  padding: 1em;
  
  padding-top: 3em;
  width: 90%;
  margin: auto;
}


/*menu blur*/

nav {
  margin: 0;
  margin-left: -2em;
  position: fixed;
  top: 3;
  width: 100%;  
  padding: 1em;
  background-color: #B0070780;
    backdrop-filter: blur(3px);

/*   Add '80' to the end of the hex code to make it half transparent - you can play with those last two digits until you get the level of transparency you want */

}

  nav a:hover {  
 
nav a {
  float: left;
  display: block;
  text-align: center;
  padding: 1em;
  padding-right: 3em;
  text-decoration: none;
  font-size: 3px;
}

} 
      
      
      
.textbox {
    background-color: #00000045;
}