html {
	        font-family: courier new;
	      }
	

	      body {
		background-color: #961820;
		font-size: 20px;
		margin: 0;
	      }
	
	      a {
		text-decoration:none;
		color: #c74a4a;
	        font-family: courier new;
	      }

	      header {
	        background: #c74a4a;
		height: 10%;
		padding: 10px;
	      }
	

	      h1 {
	        color: #c74a4a;
		font-size: 1em;
	      }

	      h2 {
		color: #961820;
		font-weight: bold;
		font-size: 1.25em;
	      }

	     h3 {
		color: #c74a4a;
		font-size: 1.5em;
		text-align: left;
	      }

     	     h4 {
		color: white;
		font-size: 4em;
		text-align: center;
	      }


	      ul {
		list-style-type: none;
	      }

     .wrapper {
	display: grid;
	padding: 10px;
	margin: 2px;
      }

     .shell {
	display: grid;
      }

  .pic2 {
	grid-column: 1;
	grid-row: 1;
        background: #f08686;
	padding: 20px;
      }

     .ing {
	grid-column: 2;
	grid-row: 1;
	text-align:right;
	padding: 30px;
        background: #f08686;
      }

     .if {
	grid-column: 1 / 3;
	grid-row: 2;
	width: 100%;
        background: #f08686;
      }

   .pic1 {
	grid-column: 3;
	grid-row: 1;
	padding: 30px;
        background: #f08686;
      }

  .dir {
	grid-column: 1;
	grid-row: 4;
	padding: 10px;
        background: #f08686;
	margin: 15px;
	
      }