html {
  min-height: 100%;

}
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}


main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
link {
}
h1 {
}



h1 {
    font-family: KabelEF-Bold;
    font-weight: bolder 
}
.H1 { 
}
h1 { 
}
h2 {
    font-family:KabelEF-Bold;
    font-weight: bold  
}
#btnkarate {  
}
.style1 {
    padding-right: 19px 
}
.style2 {
  margin-bottom: 11px;
}
@media (min-width: 576px) {
.style3 {
    border-width: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
.style4 {
    border-width: 3px;
    border-color: #000;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
  }
}

table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; }
th, td { padding: 5px 10px; border: 1px solid #eee; font-weight: 400; text-align: center; }
div.col-sm-7.col-md-5.col-lg-4.style4.border.border-2.rounded.rounded-3.bg-secondary.bg-opacity-10.mb-sm-3.me-md-3.mb-3.col-xl-3.col-11.col-xxl-3.shadow.border-secondary.text-center {
}
.style5 {
  border-width: 6px;
  border-color: #0d0606;
}
.style6 {
}
a.navbar-brand.me-auto.ms-auto.style1.text-warning {
}
.style7 {
  padding-top: 14px;
  padding-bottom: 15px;
}