styles.css

/* styles that make the demo a bit more polished */
*{
  margin:0;
  padding:0;
  font-size:inherit;
  font-family:inherit;
  transition:.25s;
  background-position: center;
  background-size:contain;
  background-repeat: no-repeat;
}

body{
  /* positioning of main */
  height:100vh;
  display:flex;
  flex-direction:vertical;
  align-items:center;
  justify-content:center;

  /* typography */
  font-family: sans-serif;
  font-family: "Open Sans", sans-serif;
  color: #333333;
  font-size: 18px;
}

/* main content section */
main{
  width:100%;
  max-width:800px;
  padding:20px;
}

/* noscript banner */
.banner{
  position: fixed;
  left: 0;
  z-index: 900;
  top: 0;
  width: 100%;
  background-color: #db2a2a;
  color: white;
  padding: 10px 12px;
  font-size: 12px;
}

/* header */
header{
  text-align:center;
  margin-bottom:40px;
}
#header-img{
  background-color:currentColor;
  background-image:url("img/img.png");
  border-radius:50%;
  width:70px;
  height:70px;
  display:inline-block;
  margin-bottom:10px;
}
h1{
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
}

/* link items */
.link-row{
  border:1px solid #e3e3e3;
  transition:border .35s;
  border-radius:4px;
  padding:10px 20px;
  display:block;
  margin-bottom:10px;
}
.link-row:last-child{
  margin-bottom:0;
}
.link-row:hover{
  border-color:#fddd10;
}
a{
  cursor: pointer;
  color: currentColor;
  text-decoration: none;
}

/* optional footer */
footer{
  text-align:center;
  margin-top:50px;
  font-size:14px;
}