@font-face {
  font-family: 'AlgerianCustom';
  src: url('fonts/Algerian.ttf') format('truetype');
}

.osk-title {
  font-family: 'AlgerianCustom', serif;
}

body{font-family:Arial;background:#f9f9f9;color:#333;margin:0;padding:0}
header{background:#007acc;color:white;padding:15px;text-align:center}
nav{text-align:center;margin:10px}
nav a{margin:0 10px;color:#007acc;text-decoration:none;font-weight:bold}
main{padding:20px;max-width:900px;margin:auto}
footer{text-align:center;padding:10px;background:#ddd;margin-top:20px}
table {
  margin: auto;
  border-collapse: collapse;
  width: 50%;
  background: #fff;
}

th {
  background: #007acc;
  color: white;
}

td, th {
  text-align: center;
  padding: 10px;
  border: 1px solid #ccc;
}

.hero {
  text-align: center;
  padding: 20px;
}

.hero-img {
  max-width: 600px;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  border-radius: 10px;
}

.instruktor {
  margin-bottom: 20px;
}
.instruktor h3 {
  margin-bottom: 5px;
}