body {
    padding-top: 90px;
}

a, a:visited {
    color: #ffc818;
    text-decoration: none;
}

a:hover {
    color: #ffc111;
    text-decoration: #333333;
}

.bg-boluo {
    background-color: #ffc818;
}

.btn-boluo {
    background-color: #ffc818;
    color: lightyellow;
    border: none;
}

header {
    background-color: #ffffff;
}

#nav .nav-link, .nav-link:visited {
    color: #333333;
}

#nav .nav-link:hover {
    color: #ffc111;
}

#nav .logo {
    height: 50px;
}

.tool-item h3 {
    font-size: 1.3em;
    display: inline;
    padding-left: 10px;
}

.tool-item .tool-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
    font-size: 2rem;
    color: #fff;
    border-radius: .75rem;
}

.tool-icon .bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.tool-box h3 {
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: #666666 solid 2px;
}

.tool-box .input-group-text {
    width: 6em;
}

.tool-box li {
    padding: 10px;
    border-bottom: solid 1px #333333;
}