@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

body {
  font-family: 'Poppins', sans-serif;
}

h1 {
  color: rgb(58, 48, 66);
  font-family: 'Bebas Neue', cursive;
  font-size: 400%;
  padding-top: 2%;
  text-align: center;
}

h2 {
  color: rgb(58, 48, 66);
  text-align: center;
}

h2.selected {
  text-decoration: underline;
}

h3 {
  color: rgb(217, 95, 14);
  font-family: 'Bebas Neue', cursive;
}

a {
  color: rgb(217, 95, 14);
  text-decoration: none;
}

a:hover {
  color: rgb(94,60,153);
  text-decoration: underline;
}

p {
  margin: 2%;
}

li {
  list-style-type: none;
  margin-bottom: 2%;
}

.announce {
  color: rgb(217, 95, 14);
  font-family: 'Bebas Neue', cursive;
  font-size: x-large;
  margin: 0 auto;
  text-align: center;
}

.center {
  margin: auto;
  width: 60%;
}

.content {
}

.header {
  background-color: white;
  width: 100%;
}

.sticky {
  position: fixed;
  top: 0;
}

#about {
  background-color: rgba(255,255,255,30);
  float:  left;
  margin-left: 5%;
  margin-right: 5%;
}

#footer {
  background-color: rgb(217, 95, 14);
  height: 1em;
  width: 100%;
}

#item3:hover #menu{
  background-color: rgb(255,255,255);
  box-shadow: 1px 1px 2px 2px rgba(127,127,127,75);
  display: block;
}

#materials {
  font-size: large;
  text-align: center;
}
#menu-style {
  text-decoration: none !important;
}

#job-market {
  border-color: rgb(217, 95, 14);
  border-width: thick;
  border-style: dashed;
  padding: 2%;
}

#publications {
  background-color: rgba(255,255,255,30);
  /*box-shadow: 2px 2px 2px 2px rgba(183,183,183,80);*/
  float:  left;
  /*font-size: 120%;*/
  height: 40%;
  margin-left: 5%;
  margin-right: 10%;
  /*width: 50%:*/
}

#pub-title {
  font-weight: bold;
}

#self-photo {
  float: right;
  max-width: 30%;
  padding: 2%;
}

#site-menu {
  color: rgb(217, 95, 14);
  text-align: center;
  padding-bottom: 1%;
}