<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Khand">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tinos">
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kalnia">
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

th {
    background-color: #f3f3f3;
}

-----
/* styles.css */

body {
    font-family: 'Montserrat', sans-serif;
	font-weight: bold;
    margin: 0;
    padding: 0;
	}
	


h1 {
    font-family: 'Montserrat', sans-serif;
    margin: 20px;
    padding: 0;
	font-weight: bold;
	font-size: 24px;
	color: #5eea13;
}

h2 {
    font-family: 'Montserrat', sans-serif;
    margin: 26px;
    padding: 0;
	font-weight: bold;
	font-size: 16px;
    line-height: 20px;
}

h3 {
    font-family: 'Montserrat', sans-serif;
    margin: 26px;
    padding: 0;
	font-weight: lighter;
	font-size: 16px;
    line-height: 20px;
}

p {
    font-family: 'Montserrat', sans-serif;
    margin: 10;
    padding: 0;
	font-weight: lighter;
	font-size: 14px;
}


section {
    margin: 20px;
}

.filterGroup {
    margin-bottom: 10px;
}

button {
	background-color: #5eea13;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: bolder;
    background-color: #121e4d;
	text-align: center;
	text-top: center;
    color: white;
    padding: 5PX 10PX 10PX 10px;
    border: none;
    cursor: pointer;
	margin: 20px 15PX;
	/*width: 800px;*/
	/*height: 40px;*/
}


button-container {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: bold;
    background-color: #121e4d;
	text-align: center;
	text-top: center;
    color: white;
    padding: 5PX 10PX 10PX 10px;
    border: none;
    cursor: pointer;
	margin: 20px 15PX;
	/*width: 800px;*/
	/*height: 40px;*/
}

button:hover {
    background-color: #4CAF50;
	font-weight: bold;
}

header .logo-container {
    display: flex;
    justify-content: center;
}

header img {
    width: 105px;
    height: 141.13px;
    padding: 10px;
    margin: 30px;
    color: #fff;
    animation: fadeIn 1.5s ease-in-out;
    margin: auto; /* Center the image */
    display: block; /* Remove any default inline styles */
}
-------------
html {  
      scroll-behavior: smooth;  
}