@font-face {
    font-family: 'HelloMermaid';
    src: url('/theme/magic/theme/HelloMermaid.woff2') format('woff2'),
        url('/theme/magic/theme/HelloMermaid.woff') format('woff'),
        url('/theme/magic/theme/HelloMermaid.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

#frontpage-available-course-list,
#frontpage-course-list,
.course-search-result {
    margin-top: 0 !important;
}

#page {
    margin-top: 40px !important;
    padding-top: 0px !important;
}

#page-header .singlebutton {
    display: none !important;
}

.container_magic {
    max-width: 100%;
}

#page-mod-page-view .generalbox table {
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    font-family: sans-serif;
    min-width: 400px;
    border: 1px solid #ddd;
    width: auto !important;
  }
  
  #page-mod-page-view .generalbox table thead tr {
    text-align: left;
  }
  
  #page-mod-page-view .generalbox table th,
  #page-mod-page-view .generalbox table td {
    padding: 12px 15px;
    border: 1px solid #ddd;
  }
  
  #page-mod-page-view .generalbox table tbody tr {
    background-color: #f9f9f9;
  }
  
  #page-mod-page-view .generalbox table tbody tr:nth-of-type(even) {
    background-color: #f1f1f1;
  }