body {
	/* margin-top: 30px;  */
  font-family: 'Lato', sans-serif;
}
.header {
    width: auto;
    max-width: auto;
    font-family: 'Lato', sans-serif;
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: rgba(250, 250, 250)
  }

.footer {
  width: auto;
  max-width: auto;
  font-family: Arial;
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: rgba(250, 250, 250, 0.771)
}

a:link,a:visited {
    color: #0071bc;
    text-decoration: none;
}
a:hover {
    color: #208799;
}

hr {
    border: 10;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 113, 188, 0.2), rgba(0, 0, 0, 0.1), rgba(0, 113, 188, 0.2));
}

.gap-30 {height:30px;}
.gap-20 {height:20px;}
.gap-10 {height:10px;}
.gap-5 {height:5px;}
.hgap-6perc {width: 6%;}
.hgap-7perc {width: 7%;}

::selection {
    background: rgba(220, 220, 220);
}

a.btn {
  display: inline-block;
  background-color: #b7c7d8;
  color: black;
  text-decoration: none;
  padding: 4px 12px;
  margin: 4px;
  border-radius: 8px;
  font-size: 14px;
  transition: background-color 0.3s, box-shadow 0.3s;
}

a.btn:hover {
  background-color: rgb(153, 184, 217);
  color: black; /* Keep text white on hover */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

.conf {
	display: inline-block;
	font-style: italic;
	color: black;
	margin-top: 6px;
	margin-bottom: 6px;
}

.pub {
	margin-top: 15px;
	margin-bottom: 15px;
}

.school-fig {
  height: 70px;
  width: 70px;
  /* object-fit: cover; */
  /* border-radius: 50%; */
  /* overflow: hidden; */
}


.edu {
  font-size: 14px;
	color: #557e84;
}