*
{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
body { 
  background-repeat: no-repeat;
  margin-bottom: bottom 0;
  background-size:cover;
   background: linear-gradient(
      90deg, 
      rgba(2,0,36,1) 0%, 
      rgba(9,12,122,1) 52%, 
      rgba(4,119,143,1) 100%);
}
#wrapper {
  /* background-image: url(../images/oceancircle.png);
  height: 100px; */
  position:relative;
  margin-left: auto;
  margin-right: auto;
  width:80%;
  text-align:center;
  /* border:1px solid white; */
}
h1 {
  font-family: "Knewave", system-ui;
  color: grey;
  font-size:64px;
  text-align: center;
  /* -webkit-text-stroke:.05px whitesmoke; */
 
}
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:10px;
  margin-top: 20px;
}
h2 { 
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  color: whitesmoke;
  font-size: 30px;
  line-height: 150%;
}
hr {
  width: 90%;
  border-color:whitesmoke;
  background-color: white;
  margin-left:auto;
  margin-right:auto;
  height: 10px;
  margin-top:20px;
  margin-bottom:20px;
}

button {
  margin-left:auto;
  margin-right:auto;
  background-color: #8c74ba; /* Green */
  padding: 15px 32px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  border-radius:12px;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}
button a:hover{
  color:rgb(185, 183, 183);
}
button a{
  color:white;
  text-decoration: none;
}
center {
  margin-left:auto;
  margin-right:auto;
}
p{
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif

}
.links {
  position:relative;
  margin-left: auto;
  margin-right: auto;
  width: 350px;
  line-height: 150%;
  border: 5px solid rgb(123, 122, 199);
  padding: 15px;
  margin: 20px;
  border-radius:12px;
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

a {
  color:lightblue;
  text-decoration:none;
}
a:hover{
  color:white;
}
a:visited{
  color:rgb(185, 183, 183);
}
section{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
