body {
  background-image: url(landing_texture.jpg);
  background-size: 100%;
  font-family: "Noto Sans Mono", "Lilex", sans-serif;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  cursor: crosshair;
}

/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  background:black;
  width:100%;
}

/* Style the topnav links */
.topnav a {
  float: left;
	width: 33.33%;
  color: #f2f2f2;
  font-size: 15px;
  text-align: left;
  padding: 7px 15px;
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
  text-decoration-line: line-through;
  cursor: none;
}

.about-top {
	background: black;
	color: white;
	font-size: 15px;
	margin: 40px 7px 0px 7px;
	padding: 2px 7px;
    overflow: hidden;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
	width: calc(100% - 14px); /* leave 20px gap on right */
}

.contact-bottom {
    overflow: hidden;
    position: fixed; /* Set the navbar to fixed position */
    bottom: 0; /* Position the navbar at the top of the page */
	left:0;
    background:black;
    width:100%;
	margin: 0px 0px 0px 0px;
}

/* Style the contact-bottom links */
.contact-bottom a {
    float: left;
    width: 33.33%;
    color: white;
	font-size: 15px;
    text-align: left;
    padding: 2px 7px;
    text-decoration: none;
	margin: 0px 0px 0px 7px;
}

/* Change color on hover */
.contact-bottom a:hover {
  text-decoration-line: line-through;
  cursor: none;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  color:white;
  margin:70px 0px 0px 0px;
  padding: 2px 14px;
}

/* Clear floats after the columns */
.row::after {
  content: "";
  display: table;
  clear: both;
}



/* Style the column links */
.column a {
    color: white;
	font-size: 15px;
	margin: 0px 7px 0px 0px;
    text-align: left;
    text-decoration: none;
}

/* Change color on hover */
.column a:hover {
  text-decoration-line: line-through;
  cursor: none;
}

.p-top-single{
	margin: 70px 7px 30px 14px;
	font-size: 15px;
	color: white;
}

.p-top-single a{
    color: white;
	font-size: 15px;
    text-align: left;
    text-decoration: none;
}

.p-top-single a:hover {
  text-decoration-line: line-through;
  cursor: none;
}

.p-top{
	margin: 70px 7px 30px 7px;
	font-size: 15px;
	color: white;
}

.p-regular{
	margin: 0px 7px 0px 0px;
	font-size: 15px;
	color: white;
}


.p-break{
	margin: 0px 7px 30px 0px;
	font-size: 15px;
	color: white;
}

.p-intended{
	margin: 0px 7px 10px 28px;
	font-size: 15px;
	padding: 0px 5px;
	color: white;
}

.p-bottom {
    overflow: hidden;
    position: fixed; /* Set the navbar to fixed position */
    bottom: 21px; /* Position the navbar at the top of the page */
    width:100%;
	color:white;
	padding: 0px 7px;
	margin: 0px 0px 0px 7px;
	
}

.p-bottom a {
    float: left;
    width: 33.33%;
    color: white;
	font-size: 15px;
    text-align: left;
    padding: 0px 2px;
    text-decoration: none;
}

.p-bottom a:hover {
  text-decoration-line: line-through;
  cursor: none;
}


.grid-container {
  display: grid;
  margin: 70px 0px 0px 0px;
  grid-template-columns: 33.33% 33.33% 33.33%;
  padding: 7px 15px;
  gap:10px;
}

/* Style the column links */
.grid-container a {
    color: white;
	font-size: 15px;
    text-align: left;
    text-decoration: none;
	
}

/* Change color on hover */
.grid-container a:hover {
  text-decoration-line: line-through;
  cursor: none;
}

.grid-container > div {
  text-align: left;
  font-size: 15px;
  color:white;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width:768px) {
  
  body {
	  background-image: url(landing_texture-mobile.jpg);
  	}

	.topnav {
	  display: flex;
	  justify-content: space-between; /* Distribute items evenly */
	  align-items: center; /* Center items vertically */
	  position: fixed; /* Set the navbar to fixed position */
	  top: 0; /* Position the navbar at the top of the page */
	  background: black;
	  width: 100%;}
	  
	  .topnav a {
	    color: #f2f2f2;
	    font-size: 15px;
	    text-decoration: none;
	    padding: 7px 15px;
	  }
	  
	  .topnav a:nth-child(2) {
	    margin: 0px 0px 0px 60px; /* Push the second link to the center */
	  }

	  /* Change color on hover */
	  .topnav a:hover {
	    text-decoration-line: line-through;
	    cursor: none;
	  }
	  
	  .p-top-single {
	  	margin: 115px 7px 30px 14px;
	  }
	  
	  .p-bottom{
		  position:relative;
	  }

 .grid-container {
	 grid-template-columns: 100%;
	 margin: 107px 0px 0px 0px;
	}

}