body {
  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 */
  width:100%;
}

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

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

.about-top {
	color: blue;
	font-size: 15px;
	margin: 60px 7px 0px 15px;
	padding: 2px 15px;
	width:100%;
}

.contact-bottom {
    overflow: hidden;
    position: fixed; /* Set the navbar to fixed position */
    bottom: 0; /* Position the navbar at the top of the page */
    width:100%;
	margin: 0px 0px 5px 7px;
	font-size: 15px;
	color: blue;
}

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

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


/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width:600px) {
  .column {
    width: 100%;
  }
}


/* Style the column links */
.column a {
    color: blue;
	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: blue;
}

.p-top-single a{
    color: blue;
	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 15px;
	padding: 2px 7px;
	font-size: 15px;
	color: blue;
	overflow: hidden;
}

.p-regular{
	margin: 0px 7px 0px 15px;
	font-size: 15px;
	color: blue;
	padding: 2px 15px;
    overflow: hidden;
	width:100%;
}

.p-regular a{
	font-size: 15px;
	color: blue;
    overflow: hidden;
	width:100%;
	font-style:normal;
}

.p-regular a:hover{
    text-decoration-line: line-through;
    cursor: none;
	font-style:normal;
}


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

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

.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:blue;
	padding: 0px 7px;
	margin: 0px 0px 0px 7px;
	
}

.p-bottom a {
    float: left;
    width: 33.33%;
    color: blue;
	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: blue;
	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:blue;
}