 <style>
 
      *{
        font-family: Garamond, Arial;
      }
      
      body{
          background-image: url("https://exceptthemagician.neocities.org/image/homebackground.jpg");
      }
      
      .header{
        width: auto;
        margin-top: 2vh;
        margin-right:10vh;
        margin-left:10vh;
        margin-bottom:2vh;
        text-align: center;
        padding:0px;
      }
      
    	.wrapper{
      		display: grid;
     		  margin-right: 15vh;
     		  margin-left: 15vh;
     		  grid-template-columns: 1fr 2fr 1fr;
      		grid-template-rows: repeat (3, minmax (0, 1fr));
     		  grid-gap: 1em;
     		  align-content:start;
      }
      

      	.wrapper > div{
          	
          	padding: 10px;
          }
        
      
    	.box1{
    	   background:#DFD8D2;
      		grid-column: 1/1;
      		grid-row: 1/4;
      		height: 27em;
      		letter-spacing: .5px;
      		border: #C3989D 4px solid;
      }
      
      .box2{
          background:#DFD8D2;
      		grid-column: 2/3;
      		grid-row: 1/4;
      		border: #C3989D 4px solid;
      }
      
      .box3{
          background:#DFD8D2;
    		  grid-column: 3/4;
      		grid-row: 1/1;
      	  height: 8em;
      	  margin: 0;
      	  border: #C3989D 4px solid;
      }
      
      .box4{
          grid-column: 3/4;
      		grid-row: 2/2;
      	  height: 8em;
      	  margin: 0;
      	  padding:0px;
      	  background-image: url("https://exceptthemagician.neocities.org/image/Contact-me.png");
      	  border: #4c1b17 4px solid;
      	  background-size:contain;
      }
      
     
      
      .box5{
          background:#DFD8D2;
      		grid-column: 1/1;
      		grid-row: 3/5;
      		height: 20em;
      		align-self: end;
          margin: 0;
          border: #C3989D 4px solid;
      }
    
      
      .box6{
          background:#DFD8D2;
      		grid-column: 2/3;
      		grid-row: 4/5;
      		height: 12em;
      		align-self: start;
      		margin: 0;
      		border: #C3989D 4px solid;
      }
      
      .box7{
          background:#DFD8D2;
      		grid-column: 3/4;
      		grid-row: 3/3;
      		height: 14em;
      		align-self: start;
      		margin: 0;
      		border: #C3989D 4px solid;
      }
      
      .box8{
          background:#DFD8D2;
          grid-column: 3/4;
      		grid-row: 4/5;
      		height: 12em;
      		margin: 0;
      		border: #C3989D 4px solid;
      }
      
      @font-face {
        font-family: Nouveau; /* set name */
        src: url(Nouveauflf-qZ35.ttf); /* url of the font */
      }

      h3 {
        font-family: Nouveau; /* use font */
        }
        
        a:link {
        color: #668183;
        }
        
        a:visited {
          color: #4c1b17;
          }

        a:hover {
           color: #a1c2c9;
        }
    

    
    </style>