@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* ----------------- Home brand -----------------*/

.home-brand {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
}

.home-brand div {
    display: flex;
    align-items: center;
}

.home-brand img {
    height: 80px;
    margin-right: 12px;
}

.home-brand span {
    font-size: 64px;
    font-weight: 400;
    line-height: 64px;
}

/* ----------------- Sidebar -----------------*/

.sidebar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid var(--borderColor);
}

.sidebar-brand h3 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.sidebar-logo {
    height: 55px;
}

.search input:focus {
    box-shadow: none !important;
}

.input-wrap input {
    outline: none;
}

.clear-button {
    background: none!important;
    border: none!important;
    outline: none!important;
}

.clear-button > svg {
    width: 20px!important;
    height: 20px!important;
    transform: scale(0.75)!important;
}

.clear-button > svg * {
    stroke: var(--accent);
    fill: var(--background)!important;
    stroke-width: 1px!important;
}

.results-panel {
    padding: 16px!important;
    padding-top:24px!important;
}

.search .matching-post {
    border-color: var(--borderColor)!important;
    color: var(--textColor)!important;
}

/* -------------------- Alerts --------------------*/

.alert.callout {
    border: 1px solid var(--borderColor) !important;
    border-left-width: .25rem!important;
    background: var(--background)!important;
    border:3px;
}

/* -------------------- Code Copy --------------------*/
.docsify-copy-code-button {
    background:  var(--highlightColor)!important;
}

/* ------------------ Theme button -------------------*/
#docsify-darklight-theme {
    right: 20px!important;
    top: 72px!important;
}

/* -------------------- Article --------------------*/

article {
    max-width: 800px!important;
    padding-top: 120px!important;
}

/* ----------------- Edit on Github -----------------*/

.github-corner .octo-body,.octo-arm {
    fill: var(--background) !important;
}