html, body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: #f3ede4;
    color: #1f2937;
    margin: 0;
}

* {
    box-sizing: border-box;
}

a {
    color: #b85d24;
}

button,
input,
select,
textarea {
    font: inherit;
}

button {
    cursor: pointer;
}

h1:focus {
    outline: none;
}

.ui.header,
.ui.mini.header,
.ui.small.header {
    font-family: Georgia, 'Times New Roman', serif;
}

.ui.text {
    color: #5b6472;
}

.loading-progress {
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 18vh auto 1rem;
}

.loading-progress circle {
    fill: none;
    stroke-width: 0.6rem;
    transform-origin: 50% 50%;
    transform: rotate(-90deg);
}

.loading-progress circle:first-child {
    stroke: rgba(184, 93, 36, 0.16);
}

.loading-progress circle:last-child {
    stroke: #b85d24;
    stroke-linecap: round;
    stroke-dasharray: 283;
    stroke-dashoffset: 75;
}

.loading-progress-text {
    text-align: center;
    color: #8b5a2b;
    font-weight: 600;
}

.ui.segment,
.ui.menu,
.ui.table,
.ui.button,
.ui.label,
.ui.input input,
.ui.form textarea,
.ui.form select {
    transition: all 0.18s ease;
}