body {
color: white;
background: black;
 display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
	

}
h1 { color:blue; 

}

h1 { text-align: center;

}
h4 { color:blue; 

}

h4 { text-align: center;

}


img { display: block;
	margin: auto;

}

p { color:white;
	margin: auto;
}

.navbar ul{
    list-style-type: none;
    background-color: hsl(0, 0%, 25%);
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.navbar a{
    color: white;
    text-decoration: none;
    padding: 25px;
    display: block;
    text-align: center;
}
.navbar a:hover{
    background-color: hsl(0, 0%, 30%);
}
.navbar li{
    float: left;
}


.fancy-button {

display: inline-block;
	padding: 10px 20px;
    border: none;
    background-color: #3498db;
    color: white;
    transition: transform 0.3s, box-shadow 0.3s;
    cursor: pointer;
}

.fancy-button:hover {
    transform: scale(1.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.button-link {
    text-decoration: none; /* Removes the underline from the link */
}