html {
    line-height: 1.15;
}

body {
    margin: 0;
    background: linear-gradient(-90deg, rgba(0, 0, 0, .025) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, .025) 1px, transparent 1px), linear-gradient(-90deg, rgba(0, 0, 0, .02) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, .02) 1px, transparent 1px), linear-gradient(transparent 3px, #f2f2f266 3px, #f2f2f266 78px, transparent 78px), linear-gradient(-90deg, #e4e4e466 1px, transparent 1px), linear-gradient(-90deg, transparent 3px, #f2f2f266 3px, #f2f2f266 78px, transparent 78px), linear-gradient(#e4e4e466 1px, transparent 1px), #f2f2f2;
    background-size: 20px 20px, 20px 20px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px;
}

div#root {
    font-family: Noto Sans TC, Segoe UI, Roboto, sans-serif;
    line-height: 1.4;
    padding-top: 66px;
}

nav#navbar {
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    box-shadow: #0000004d 0px 2px 4px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-bottom: 18px;
    width: 100%;
    background: #1870aa;
    padding: 0px 15%;
    position: fixed;
    top: 0;
}

a.navItem {
    -webkit-box-align: center;
    align-items: center;
    color: #ffffff;
    display: flex;
    white-space: nowrap;
    width: fit-content;
    height: 48px;
    padding: 0px 20px;
    transition: all 0.33s ease 0s;
    text-decoration: none;
    user-select: none;
    background-color: #00000000;
    cursor: pointer;
}

a.navItem:hover {
    background: #2a8dcf;
}

div#container {
    max-width: 760px;
    min-width: 400px;
    width: 92%;
    margin: 12px auto;
}