body {
background-color:#000000;
padding:0;
margin:0;
    text-align: center;
    font-family: sans-serif;
    
display:grid;
grid-template-areas: 
    "header"
    "nav"
    "main"
    "footer"
}

.glowing-header {
  font-family: sans-serif;
  font-size: 35pt;
  color: #ffffff; /* Initial text color */
  text-align: center;
  transition: text-shadow 0.7s ease-in-out; /* Smooth transition for the glow */
letter-spacing: 5pt;
  font-weight: 80;
}

.glowing-header:hover {
  text-shadow: 0 0 10px #ffffff,
               0 0 20px #9ef9ff,
               0 0 30px #279561,
               0 0 40px #95e5ee;
  color: #ffffff; /* Lighter color on hover for enhanced effect */
}

nav {grid-area:nav;
background-color: #000000;
font-size: 10pt;
padding:5px;
   
}

/* Selects all anchor tags within the nav element */
nav a {
  color: #fff1f1; /* Default text color */
  text-decoration: none; /* Removes default underline */
  padding: 10px; /* Adds some space around the links */
}

/* Styles applied when hovering over an anchor tag */
nav a:hover {
  color: #58edcc; 
  text-decoration: underline; 
}

main {grid-area:main;}

footer{background-color: #a6ffeb;}

main {
    background-color:#000000;
    margin: 15px;
    font-size:25px;
    padding: 80px;
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:55px;
    
}

    main section:hover {transform: scale(1.1);} 

    footer a {
  color: #000000; /* Default text color */
  text-decoration: none; /* Removes default underline */
  padding: 10px; /* Adds some space around the links */
}

/* Styles applied when hovering over an anchor tag */
footer a:hover { 
  text-decoration:none; 
    background-color: #ffffff;
    border-radius: 35px;
    color: #000000;
}



footer {
    grid-area:footer;
    font-size: 10pt;
    padding:55px;
    color:#000000;
    display:grid;
    grid-template-columns: 1fr 1fr
}

main section{
    padding:60px;
    background-color: #000000;
    border:double;
    border-color: #ffffff;
    border-radius: 55px; 
    place-items: center;
    color: #ffffff;
    min-height: 80px;
    min-width: 80px;
    font-style:normal;
}