h1 {color:blue; font-family:Helvetica, serif;  
}
h2 {color:blue; font-family:Helvetica, serif; }
body {
background: linear-gradient(90deg,rgba(51, 156, 204, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
  font-family: "Helvetica", serif; font-weight: bold; font-size: 18;
}
.container {
	background-color: white;
  padding: 2em;
  margin-bottom: 4em;

}
#web div {
	display: flex;
  flex-direction: row;  
}
@media screen and (min-width: 576px) {
  #contactinfo ul li:not(:last-child):after {
    content: " | " }
}
a:hover {
color: red;
}