/* Universal Selector */
* {
margin: 5px;
padding: 5px;
box-sizing: border-box;
}

/* Body Styling */
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #61e2ed;
color: #000000;

}

/* Heading Styling */
h1, h2, h3 {
color: #000000;

}

/* About Page Paragraphs */
.bio {
font-size: 18px;
color: #444;
line-height: 1.8;
}

/* Navigation Bar */
nav {
background-color: #ffffff;
padding: 10px;
}

/* Descendant Selector */
nav a {
color: rgb(184, 124, 174);
text-decoration: none;
margin-right: 20px;
font-weight: bold;
}

/* Hover Effect */
nav a:hover {
color: yellow;
font-size: 1.05em;
}

/* Images */
img {
border: 4px dashed #0066cc;
border-radius: 10px;
border-style: double;
}

/* Footer */
#site-footer {
text-align: center;
font-size: 0.8em;
font-style: italic;
background-color: #ffffff;
color: #555;
margin-top: 20px;
}

/* Custom Style Rule #1
Added rounded corners to images for a softer appearance */
img {
border-radius: 10px;
}

/* Custom Style Rule #2
Added a subtle shadow to make content stand out */
main {
box-shadow: 2px 2px 10px rgb(255, 250, 250);
}

.logo {
width: 120px;
}