* {
 font-family: arial;
 text-align: left;
 text-decoration: none;
 font-weight: normal;
 color: inherit;
 background-color: inherit;
 border: none;
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

:root {
 --blue-50: #E3F2FD;
 --blue-a700: #2962FF;
}

html {
 font-size: 16px;
}

header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 18px;
}


nav {
 padding:  24px;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
}

main {
 margin: 24px;
}

.material-icons-round {
 font-size: inherit;
 vertical-align: top;
}

.small-icon {
 width: 16px;
 vertical-align: middle;
}

.logo {
 font-size: 24px;
 font-family: monospace;
}

.logo span {
 margin-right: 4px;
}

.settings-title {
 font-size: 18px;
 font-family: monospace;
 margin-bottom: 16px;
}

.settings-title span {
 margin-right: 4px;
}

.settings-list {
 margin: 0 16px;
}

.remove-accents-setting-container {
 display: flex;
 justify-content: flex-start;
 align-items: center;
}

.remove-accents-setting-title {
 font-size: 14px;
 margin-left: 4px;
}

.menu-button span {
 font-size: 18px;
}

.note-content {
 position: relative;
 padding: 12px 24px;
 margin-bottom: 16px;
 border-radius: 8px;
}

.note-close {
 position: absolute;
 top: 6px; right: 6px;
 font-size: 18px;
 cursor: pointer;
}

.note-text {
 font-size: 14px;
}

.blue-note .note-content {
 background: linear-gradient(to right, var(--blue-a700) 0 4px, var(--blue-50) 4px 100%);
}

.download-table-container {
 width: 100%;
 overflow-x: auto;
}

.download-table {
 width: max-content;
 min-width: 100%;
 margin-bottom: 16px;
 font-size: 12px;
 font-family: arial;
 border-spacing: 0;
}


.download-table th, .download-table td {
 border-bottom: 1px solid black;
padding: 12px;
}


.default-table-container {
 width: 100%;
 overflow-x: auto;
}

.default-table {
 width: max-content;
 min-width: 100%;
 margin-bottom: 16px;
 font-size: 14px;
 font-family: arial;
 border: 1px solid black;
 border-radius: 8px;
 border-spacing: 0;
}

.default-table th, .default-table td {
padding: 12px;
}

.default-table tr:not(:last-child) th, .default-table tr:not(:last-child) td {
border-bottom: 1px solid black;
}

.default-table th:not(:last-child), .default-table td:not(:last-child) {
border-right: 1px solid black;
}