@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
:root {
  --green-1: #a0e081;
    --green-2: #86d562;
    --green-3: #6cc349;
    --green-4: #52a535;
    --green-5: #3c8527;
    --green-6: #2a641c;
    --brown-3: #976746;
    --brown-5: #66412c;
    --grey-1: #ede5e2;
    --grey-2: #d0c5c0;
    --grey-3: #aba09c;
    --grey-4: #6b6562;
    --grey-5: #3d3938;
    --grey-6: #262423;
    --off-black: #171615;
    --bg: var(--off-black);
    --bg-raised: var(--grey-6);
    --border: var(--grey-5);
    --text: #fcf5f1;
    --text-dim: var(--grey-3);
    --accent: var(--green-3);
    --accent-dim: var(--green-6);
    --warn: #e2b923;
    --danger: #ca3636;
    --link: #86d562;
    --gui-panel: #c6c6c6;
    --gui-panel-light: #dbdbdb;
    --gui-panel-dark: #5b5b5b;
    --gui-slot: #8b8b8b;
    --gui-slot-dark: #373737;
    --gui-slot-light: #fff;
    --gui-text-dark: #404040;
    --gui-unit: 2px;
  --max-width: 1800px;
}

@font-face {
    font-family: 'mc';
    src: url('data:font/woff2;base64,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') format('woff2');
    font-weight: normal;
    font-style: normal;
}
body {
    margin:0px;
    overflow: hidden;
    font-family: "mc", sans-serif;
    font-optical-sizing: auto;
}

.page_wrapper {
    display: flex;
    flex-direction: column;
    height: 100vh;
   
}

main {
    overflow-y: auto;
    flex:1;
    padding-left: 60px;
    padding-right: 60px;

}
.main-content {
    max-width: var(--max-width);
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.content-wrapper {
    flex:1;
     padding-top:15px;
}

.search-form input {
    display: block;
    width: 100%;
}
header .logo {
      font-family: Tahoma, sans-serif;
      font-size: 3rem;
      letter-spacing: -2px;
      font-weight:bold;
    
  
}

header .header-content {
    display: flex;
    align-items: center;
    gap:25px;
}

.header_wrap {
    padding-left:60px;
    padding-right:60px;
    height:70px;
    background-color:var(--grey-6);
    display:none;
}

header {
    height: 100%;
    display: flex;
    max-width: var(--max-width);
    margin: auto;
    justify-content: space-between;
    flex-direction: column;
    color:white;
}

header .header-subc {
    display: block;
    flex:1;
}

header a i {
    color:white;
    opacity: 0.6;
    font-size: 2rem;
}

nav {
    display: flex;
    gap: 25px;
}
nav a {
    text-decoration: none;
    justify-content: center;
    display: block;
}

nav a:hover i {
    opacity: 1;
}

.search-table {
    border: solid 1px black;
    border-collapse: collapse;
}

.search-table td {
    border-top: 1px solid rgb(224,223,224);
}
.search-table th {
    text-align: left;
}

.search-table tr:nth-child(odd) {
    background-color: rgb(233,233,233);
}
.search-table tr:hover {
    background-color: rgb(220, 219, 219);
}

.search-table .header th {
    background-color: rgb(220, 219, 219);
}

.create-form input {
    width:50%;
}
.create-form label {
    display: block;
    margin-top: 5px;
}