* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



body {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.container_main {
    padding: 0rem 1.6rem;
    width: 780px;
    margin: auto;
}

.nav_container {
    padding: 2rem 1.6rem;
    width: 780px;
    margin: auto;
}

time {
    font-family: "IBM Plex Mono", monospace;
}

ul li::marker {
    color: #bbbbbb;
}

.main_link i {
    opacity: 0;
}

.main_link:hover i {
    opacity: 1;
    color: #5a43f1;
}

.main_link:hover h3 {
    cursor: auto;
}

.hardware_list ul {
    list-style-type: circle;
}


/* code  */

.hljs-string,
.hljs-section,
.hljs-selector-class,
.hljs-template-variable,
.hljs-deletion {
    color: #229020;
}

.hljs-title {
    color: #0582b7;
}

.hljs-keyword {
    color: #a208ba;
}

.hljs-variable {
    color: #181818;
}

.hljs-number {
    color: #da7430;
}

.hljs-attr {
    color: #365ccd;
}


/* .hardware_list ul li::marker {} */

/* media  */

@media screen and (max-width: 480px) {
    .container_main {
        padding: 0rem 1rem;
        width: 100%;
        margin: auto;
    }

    .nav_container {
        padding: 0;
        width: 100%;
        margin: auto;
    }
}