@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* styles.css */

/* Ensure body and html take up full height */
html, body {
    height: 100%;
    margin: 0;
    font-family:Montserrat;
    font-weight:300;
}

/* Full-screen background image */
body {
    background-image: url('img/bg.jpg');
    background-size: cover; /* Ensures the image covers the entire screen */
    background-position: center; /* Centers the image */
    background-attachment: fixed; /* Keeps the background image stationary on scroll */
    background-repeat: no-repeat; /* Ensures the image doesn't repeat */
}

/* Style for the content to ensure it's readable */
.content {
    padding: 20px;
    color: white;
    text-shadow: 0 5px 5px black; /* Add some shadow for better readability */
}
.navbar {
    padding: 7px 7px 7px 22px;
}
.nav-link {
    color:white;
    font-size:14px;
    font-weight:500;
}
div {
    padding:0px 12px 22px 12px;
}
h1 {
    color:rgb(0, 224, 30);
    font-size:22px;
    margin-top:55px;
    margin-bottom:22px;
}
h2 {
    font-size:22px;
    margin-top:75px;
    margin-bottom:12px;
}
h3 {
    font-size:20px;
    font-weight:500;
    margin-top:35px;
    margin-bottom:12px;
}
h4 {
    font-size:18px;
    font-weight:500;
    margin-top:35px;
    margin-bottom:12px;
}
h5 {
    font-size:16px;
}
h6 {
    font-weight:15px;
}
p {
    font-size:15px;
    font-weight:500;
    letter-spacing:2px;
    padding-left:35px;
    margin:12px;
}
#left {
    text-align:left;
}
#center {
    text-align:center;
}
#right {
    text-align:right;
}
#logo {
    width:120px;
    height:120px;
    margin-bottom:-50px;
}
a {
    color: #FFC300;
    font-size:15px;
    font-weight:700;
    letter-spacing:2px;
    text-decoration:none;
}
a:hover {
    color:white;
    font-size:15px;
    font-weight:500;
    letter-spacing:2px;
    text-decoration:none;
    margin-left:5px;
}
ul {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}
button {
    background:rgb(0, 224, 30);
    color:white;
    border:0px;
    border-radius:4px;
    padding:7px 22px;
    text-align:center;
    margin:3px;
    font-size:17px;
    font-weight:500;
    letter-spacing:2px;
}
button:hover {
    background:rgb(1, 255, 34);
    color:white;
    border:0px;
    border-radius:4px;
    padding:7px 22px;
    text-align:center;
    margin:3px;
    font-size:17px;
    font-weight:500;
    letter-spacing:2px;
}
#footer {
    text-align:center;
}