@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Roboto+Slab:wght@700&display=swap");

* {
  box-sizing: border-box;
}

h1,
h2,
h3 {
  font-family: "Roboto Slab", sans-serif;
  color: #080808;
}
p{
  font-family: "Roboto Slab", sans-serif;
  color: #0d0c0c;
}
button,
.btn {
  cursor: pointer;
  font: inherit;
  padding: 0.5rem 1.5rem;
  background-color: #28ce78;
  border: 1px solid #64799d;
  color: rgb(163, 51, 51);
  border-radius: 4px;
  text-decoration: none;
}

button:hover,
.btn:hover {
  background-color: #1468a9;
  border-color: #230161;
}

#main-header {
  width: 100%;
  text-align: center;
  padding: 2rem 0;
}

#main-header h1 {
  font-size: 1.5rem;
}

#main-logo {
  font-size: 3rem;
  font-family: "Roboto Slab", sans-serif;
  text-decoration: none;
  color: #0b0c10;
  font-weight: bold;
}