* {
    font-family: 'Yeseva One', cursive;
}

.topouterdiv {
    background-image: url('assets/granite.jpg'); /* Path to your granite.jpg image */ background-size: cover; /* Ensures the background image covers the entire div */ background-position: center; /* Centers the background image */
    display: flex;
    justify-content: center; /* Centers the headcontainer horizontally */
    align-items: center;
    height: 31vh; /* Adjust the height as needed */
    padding: 0;
    box-sizing: border-box;
}


.headcontainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
}


#logophoto {
    height: 100%; /* Adjust the height as needed, using viewport width */
}

#circlephoto {
    border: 3px solid #000; /* Adjust the border width and color as needed */
    border-radius: 50%;
    height: 85%; /* Adjust the height as needed, using viewport width */
    object-fit: cover; /* Ensures the image fits within the circular border */
}

.midouterdiv {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
    background-color: black;
}

.table-container {
    background-color: black; /* Background of the div */
    padding: 10px; /* Optional padding */
    width: 80%;
    
}

table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
}

td {
    padding: 10px;
    text-align: center;
    height: 5vh;
}

tr:nth-child(odd) {
    background-color: grey; /* Grey color for odd rows */
}

tr:nth-child(even) {
    background-color: white; /* White color for even rows */
}

a {
    display: block; /* Makes the entire cell clickable */
    color: inherit;/* Inherit text color */
    text-decoration: none; /* Remove underline from links */
    height: 100%; /* Ensures the link covers the full height of the cell */
    width: 100%; /* Ensures the link covers the full width of the cell */
    justify-content: center; /* Centers text horizontally */
    align-items: center; /* Centers text vertically */
    font-size: 40px;
    letter-spacing: 3px;
}


#insta {
    height: 25%;
}

h2 {
    font-size: 60%;
}