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

html {background-color: #100830;}
a {color: rgb(132, 216, 255);}
h1 {font-size: 80px;}
p {font-size: 18px;}

body {
  font-family: "Reem Kufi", sans-serif;
  line-height: 1.6;
  margin: 0;
  color: #a6bed8ff;
}

header, nav, main, section, article, aside, footer {
  padding: 15px;
  margin: 0px;
  border: 1px solid #252531;
  border-radius: 5px;
}

nav { background-color: #2d3144; }
aside { background-color: #354425; float: right; width: 25%; }
main { display: block; overflow: hidden; }
footer { background-color: #203026; text-align: center; clear: both; }

header {
  position: sticky;
  top: 0;
  background: #08011b;
  padding: 10px 20px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

nav a {
  color: white;
  margin-right: 15px;
  text-decoration: none;
}

nav a:hover {
  text-decoration: underline;
}

button {
  background: #2d3144;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
}

button:hover {
  background: #3f4561;
}