@charset "utf-8";
body {
  background-color: #D5CFBE;          /* Background color for the page content */
	text-align: left;
}


.grid-container {
	display-flex;
	align-items: center; 
  display: grid;                      /* Enable grid layout */
  grid-template-columns: repeat(3, 1fr);  /* Create 3 equal columns */
  gap: 20px;                          /* Space between grid items */
  padding: 20px;
  
}

.grid-item {
	 
	background-color: #4CAF50;          /* Green background */
	color: white;
	font-size: 5vw;
	padding: 0px;
	border-radius: 8px;
	
}

.grid:hover {
  background-color: #9EEB8B;             /* Darker background on hover */
}


/* Container for the navigation bar */
.nav {
  display: flex;                      /* Enable flexbox on the container */
  justify-content: center;            /* Center the links horizontally */
  align-items: center;                /* Vertically center the links (if needed) */
  background-color: #597641;             /* Dark background for the navbar */
  padding: 10px;                      /* Add some padding around the links */
  border-radius: 5px;                 /* Optional: rounded corners */
}

.nav-link {
  color: white;                       /* White text color */
  text-decoration: none;               /* Remove underlines from links */
  margin: 0 15px;                      /* Add some spacing between links */
  padding: 10px 15px;                  /* Add some padding around the links */
  border-radius: 2px;                  /* Optional: rounded corners for each link */
  transition: background-color 0.1s;   /* Smooth transition for hover effect */
}

.nav-link:hover {
  background-color: #9EEB8B;             /* Darker background on hover */
}


.button a {
	color: #FFDBDB;
	font-size: 150%;
	background: #20335F;
	padding: 1%;
	border-radius: 8px;
	max-height: 10px;
	max-width: 10px;

	
}
.button a:hover {
	color: #FFDCDC;
	background: #4187C8;
}
h1{
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;  
	background: #273927;
/*	margin: */
	padding: 20px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"
	

	
}


h2{
	color: #EB2323
		margin: 10px;
		
}

h3{
	color: #F4F4F4;
	margin: 10px;
}


/*tools*/

.picRight{
	
	float:right;
	margin:0 0 20px 20px;
	
}

.opening {
	background: #A9C1B0;
	padding: 8px 0px 8px 0px;
	border: 8px;
	border-radius: 5px;
	
	
}

.project-item img {
	float: left;
	margin-right: 20px;
	
}

.body {
	background:   #AFD0D4;
	padding: 8px 0px 50px 0px;
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'"papyrus", sans-serif;
	border-radius: 5px;  

    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}
}

.menu {
	background: black;
	padding: 8px 0px 8px 0px;
}
	
.content-wrap {
	width: 60%;
	margin: 0 auto;
	

	
/*	border: 0px solid black;*/
/*	margin: 10px;*/
/*	padding: 5px 15px 5px 15px;*/
/*	border-radius:4px;*/
	
	
}

.project-item {
	overflow: hidden;
	border-bottom: 1px dashed #000012;
	padding: 25px 0;
	
	
}

h3 ~ p {
	margin: 10px;
/*	list-style-type: none;*/
/*	display: flex;*/
	
/*	padding: 10px;*/
	font-style: italic;
}


footer {
	background: #192E1B;
	color: aliceblue;
}

.contact-list {
	list-style-type: none;
	padding: 0;
	display: flex;
	justify-content: center;
}



/*This is the grid thing at the bottom*/
/*.grid-container {*/
/*align-content: center;*/
/*  border: 4px solid darkgreen;*/
/*  display: grid;*/
/*  grid-template-columns: 20vw 20vw 20vw;*/
/*  grid-template-rows: 100px 100px;*/
}

/*.grid-item {*/
/*	align-content: center;*/
/*  border:2px solid green;*/
/*  padding: 10px;*/
/*  background: lightgreen;*/
	
  
  
}