@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bad+Script&display=swap');

html,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif !important;
    color: black;
}

.header-image {
    background-image: url('../images/banner_small.png');
    background-size: cover;
    background-position: center;
    height: 100px;
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 0px;
    margin: 0px;
    position: relative;
}

.header-text {
    font-family: "Bad Script", cursive !important;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    padding-left: 20px;
    font-weight: 100;
    position: absolute;
    /* Ensures text is placed over the image */
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

/* Adjust positioning when there is no page title */
body:not([data-page-title]) .header-text {
    transform: translateY(-200%);
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: rgb(232, 218, 116)
}

.navbar-nav .nav-link:hover {
    color: rgb(241, 237, 212);
    transition: all 0.3s ease;
}

h1 {
    font-weight: 300;
    font-style: normal;
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
}

h2 {
    font-weight: 300;
    font-style: normal;
    border-bottom: 2px solid yellow;
    padding-top: 10px;
    padding-bottom: 0px;
}

h3 {
    font-weight: 300;
    font-style: normal;
    padding-top: 10px;
    padding-bottom: 0px;
}

h4 {
    font-weight: 300;
    font-style: normal;
}

.welcome {
    padding: 0px;
    margin: 0px;
}

.contact {
    padding: 0px;
    margin: 0px;
    padding-bottom: 10px;

}

p {
    padding-top: 0px;
    padding-bottom: 0px;
}

a {
    text-decoration: none;
    color: #5f74d2;
}



.home_image {
    float: left;
    margin-right: 10px;
    width: 200px
}

.software_releases_panel {
    background-color: #f0e68c;
    padding: 20px;
    width: 300px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.software_releases {
    gap: 0px;
    background-color: #fff;
    margin-bottom: 10px;
    padding: 10px;
    gap: 10px;
}


.soft_desc_navbar {
    background-color: #f4f4f4;
    /* Light gray background */
    border: 1px solid #ddd;
    /* Subtle border */
    padding: 10px 0;
    /* Space around the links */
}

.soft_desc_navbar ul {
    list-style-type: none;
    /* Remove bullets */
    margin: 0;
    padding: 0;
    display: flex;
    /* Make the list horizontal */
    justify-content: left;
    /* Center the links */
}

.soft_desc_navbar li {
    margin: 0 15px;
    /* Spacing between list items */
}

.soft_desc_navbar a {
    text-decoration: none;
    /* Remove underline */
    color: #333;
    /* Dark gray text */
    font-size: 16px;
    /* Font size */
    padding: 5px 10px;
    /* Padding around the link */
    border-radius: 4px;
    /* Rounded edges */
    transition: background-color 0.3s ease, color 0.3s ease;
    /* Smooth hover effect */
}

.soft_desc_navbar a:hover {
    background-color: #0078d7;
    /* Highlight color on hover */
    color: #fff;
    /* White text on hover */
}

.donation_buttons {
    display: flex;
    gap: 10px;
}

.screenshot_panel {
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid #ddd; */
    /* background-color: red; */
    padding: 2em;
}