@font-face {
  font-family: BaksoSapi; /* set name */
  src: url(/styles/BaksoSapi.otf); /* url of the font */
}
@font-face {
  font-family: BaksoSapiPro; /* set name */
  src: url(/styles/BaksoSapiPro.otf); /* url of the font */
}
@font-face {
  font-family: BaksoSapiProLight; /* set name */
  src: url(/styles/BaksoSapiProLight.otf); /* url of the font */
}

body {
    background-color: #230d0d;
    color: #230d0d;
    font-family: BaksoSapiProLight;
}

h1, h2 {
    font-family: BaksoSapi;
    text-align: center;
}

/* nav {
    position:fixed;
} */

main {
	position:relative;
    background-color: #f5da62;
    background: linear-gradient(90deg,rgba(98, 63, 16, 1) 0%, rgba(220, 179, 63, 1) 15%, rgba(245, 218, 98, 1) 50%, rgba(220, 179, 63, 1) 85%, rgba(98, 63, 16, 1) 100%);
}

nav ul {
    list-style:none;
}
/* nav ul li {
    display: block !important;
} */

.egg {
    border-radius: 80% 15% 55% 50% / 55% 15% 80% 50% !important;
    box-shadow: 5px 5px 10px rgba(55, 11, 11, 0.5);
}
.flex-table .row {
    box-shadow: none;
    border: none;
}
.flex-table .row .text {
    padding: 0.5em;
    text-align: center;
    border-radius: 5em;
    border-top: 5px solid #f9eb72;
    border-left: 5px solid #f9eb72;
    border-right: 5px solid #623f10;
    border-bottom: 5px solid #623f10;
}

.level {
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 1em auto;
    background-color: #f9eb72;
    overflow: hidden;
    border-radius: 1em;

    border-top: 5px solid #f9eb72;
    border-left: 5px solid #f9eb72;
    border-right: 5px solid #623f10;
    border-bottom: 5px solid #623f10;
}
.level h2 {
    margin: 0;
    padding: 0 0.5em;
}
.level img {
    display: inline;
    max-width: 64px;
}

#menu li {
    background-color: #f5da62;
    color: #230d0d;
}