



		body {
			
			background-color: grey;
			font-family: 'Quicksand', sans-serif;
			padding-left: 0em;
			padding-right: 0em;
			}
			h1{
				padding-top:5em;
				text-align: center;
				color:darkslategrey;}

			.typewriter h1 {
				  overflow: hidden; /* Ensures the content is not revealed until the animation */
				  border-right: .15em lightsteelblue; /* The typwriter cursor */
				  white-space: nowrap; /* Keeps the content on a single line */
				  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
				  letter-spacing: .03em; /* Adjust as needed */
				  animation: 
				    typing 3.5s steps(30, end),
				    blink-caret .75s step-end infinite;
				}

				/* The typing effect */
				@keyframes typing {
				  from { width: 0 }
				  to { width: 100% }
				}

				/* The typewriter cursor effect */
				@keyframes blink-caret {
				  from, to { border-color: transparent }
				  50% { border-color: lightsteelblue; }


			}

			.grid-container{

				display:grid;
				grid-template-columns: 1fr 2fr 1fr;
				grid-gap: 1em;
				padding: 1em;
				grid-auto-rows: minmax(100px, auto);
				grid-template-areas: 
				"header header"
				"sidebar content"
				"sidebar content"
			}
			
			
		
			.box1{
				background: lightsteelblue;
				grid-area: header;
				text-align: center;
				
	
			}
			.box2{
				background: lightgrey;
				grid-area: sidebar;
				
				padding: 2em;
			}
			ul.box2 {
    			list-style-type: none;
			    padding: 0;
			    margin: 0;
			   
			    top: 2em;
			    left: 1em;
			    width: 9em }
			ul.box2 li {
			    background: white;
			    margin: 0.5em 0;
			    padding: 0.3em;
			    border-right: 1em solid lightsteelblue }
			ul.box2 a {
			    text-decoration: none }
			a:link {
			    color: steelblue; }
			a:visited {
			    color:lightslategrey; }
			.box3{
				/* image*/
				background:lightgrey;
				

			}
			.box4{
				background:lightgrey;
				padding: 2em;

			}
			.box5{
				background:lightgrey;
				
				padding: 2em;
			}
			ul.box5 {
    			list-style-type: none;
			    padding: 0;
			    margin: 0;
			    
			    top: 2em;
			    left: 1em;
			    width: 9em }
			ul.box5 li {
			    background: white;
			    margin: 0.5em 0;
			    padding: 0.3em;
			    border-right: 1em solid lightsteelblue }
			ul.box5 a {
			    text-decoration: none }
			a:link {
			    color: steelblue; }
			a:visited {
			    color:lightslategrey; }
			.box6{
				background:#9eb388;
			}
			.box7{
				background:lightsteelblue;
				padding: 2em;
			}
			ul.box7 {
    			list-style-type: none;
			    padding: 0;
			    margin: 0;
			    
			    top: 2em;
			    left: 1em;
			    width: 9em }
			ul.box7 li {
			    background: white;
			    margin: 0.5em 0;
			    padding: 0.3em;
			    border-right: 1em solid lightslategrey; }
			ul.box7 a {
			    text-decoration: none }
			a:link {
			    color: steelblue; }
			a:visited {
			    color:lightslategrey; }

	