body{
    margin: 1px;
    background-color: rgb(0,0,0);
    color: aliceblue;
}
h1 {
    text-align: center;
    color: aliceblue;
    font-family: "Signika Negative", sans-serif;
}
nav{
    position: sticky;
    top: 0;
    background-color: rgb(49, 49, 49);
    padding: 10px;
    text-align: center; 
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px; 
    border-bottom: 4px solid yellow;

}
nav a{
    color: aliceblue;
    text-decoration: none;
    margin: 35px;
} 
#bnav{
    color: rgb(207, 207, 177);
    font-weight: bold;
}

.container {
    display: flex;
    flex-wrap:nowrap;
    gap: 15px;
    margin-top: 20px;
    margin-left: 300px;
    margin-right: 250px;
    margin-bottom: 20px;
    font-family:'Calibri', sans-serif;
    font-size: large;
    justify-content: center;
    align-items: center;
}

.img{
    width: 150px;
    height: 100px;
    margin-right: 30px;
    justify-content: center;

}
.textc{
    text-decoration: none;
}
.head{
    color: white;    
}
.textc a:hover .head{
    color: rgb(222, 222, 203);
}
hr {
    border: 0;
    height: 0.5px; /* Adjust the height as needed */
    background: linear-gradient(to right, transparent, #eae7e7, transparent); /* Adjust colors as needed */
    width: calc(100% - 350px); /* Adjust width considering margins */
    margin: 0 auto; /* Center the hr */
}