.container {
    background-color: white;
    margin: 50px;
    padding: 60px;
    border-radius: 8px;
    text-align: center;
    font-family: "General Sans Semi Bold";
    margin-bottom: 190px;
}
.message {
    margin-bottom: 40px;
    font-family: "General Sans Regular";
}

@font-face {
font-family: "General Sans Semi Bold";
src: url(fonts/GeneralSans-Semibold.otf);
}

@font-face {
font-family: "General Sans Regular";
src: url(fonts/GeneralSans-Regular.otf);
}

body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

h1 {
font-family: "General Sans Semi Bold";
margin: 0;
margin-top: 20px;
font-size: 35px;
color: white;
}

h3 {
font-family: "General Sans Regular";
margin-left: 0;
margin-right: 450px;
color: white;
}

.navbar {
background-color: transparent;
font-family: "General Sans Semi Bold";
}

.navbar a {
float: right;
display: block;
color: white;
text-align: center;
padding: 22px 60px 0 0;
text-decoration: none;
transition: color 0.3s ease;
}

.navbar a:hover {
color: #0cce6b;
cursor: pointer;
}

#hero-banner {
background-color: black;
background-size: cover;
background-position: center;
}

.content {
padding-left: 66px;
padding-top: 70px;
padding-bottom: 40px;
}


hr {
width: 92%;
margin-top: 30px;
}

footer {
font-family: "General Sans Semi Bold";
padding: 30px;
margin-left: 30px;
}

.project-link {
float: right;
margin-right: 26px;
}

.project-link a {
text-decoration: none;
color: black;
transition: color 0.3s ease;
}

.project-link a:hover {
color: #0cce6b;
}

.button {
height: 45px;
text-decoration: none;
padding: 15px;
margin-left: 10px; 
background-color: #0cce6b; 
color: white; 
border: none;
border-radius: 5px; 
cursor: pointer; 
font-family: "General Sans Semi Bold"; 
}

.button:hover {
background-color: #09a057; 
}

.button-container {
    margin-bottom: 130px;
}

.alert {
    margin-bottom: 40px;
    font-family: "General Sans Regular";
}