body {
  font-family: Arial, sans-serif;
  background-color: hwb(202 28% 51%);
  color: #f9f9fc;
}

h1 {
  color: #158c91;
  font-size: 40px;
}

nav {
  display: flex;
  gap: 20px;
  padding: 10px;
  background-color: #7465b8;
}

nav a {
  text-decoration: none;
  color: rgb(255, 255, 255);
  font-weight: bold;
}

nav a:hover {
  color: #4416c2;
  background-color: #f8f8f8;
}

img {
  max-width: 400px;
  border-radius: 1000%;
  border: 4px solid #5d45a0;
}

p {
  padding:10px;
  line-height: 1.6;
}

body {

    background-color: white;
 
    background-image:

        /* Blue glow */

        radial-gradient(circle at 20% 20%, #008cff55, transparent 28%),
 
        /* Purple glow */

        radial-gradient(circle at 80% 25%, #8a2be255, transparent 28%),
 
        /* Green glow */

        radial-gradient(circle at 50% 85%, #00ff8866, transparent 30%),
 
        /* Light coding grid */

        linear-gradient(#f9fcff18 1px, transparent 1px),

        linear-gradient(90deg, #ffffff18 1px, transparent 1px);
 
    background-size:

        auto,

        auto,

        auto,

        40px 40px,

        40px 40px;
 
    background-attachment: fixed;
 
    min-height: 100vh;
 
    /* Dark text so it shows on white */

    color: #222;



}

main {
  max-width: 700px;
  margin: 0 auto;
  padding: 20px;
}