html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

html * {
    box-sizing: inherit;
}

body {
    margin: 0;
    font: 400 17px "Geist", sans-serif;
    letter-spacing: 0;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga" on;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    color: #273740;
    background: #fafafa;
}
.main-menu {
    display: flex;
    gap: 24px;
}
@media (max-width: 1100px) {
    #home-page .iframe {
        height: 600px;
    }
}
@media (min-width: 700px) {
    .menu button {
        display: none;
    }
}
@media (max-width: 700px) {
    .menu {
        &:focus-within, &:hover {
            & > div {
                display: flex;
            }
        }
    }
    .main-menu {
        display: none;
    }
}

/*main {*/
/*    max-width: 1200px;*/
/*    margin: 0 auto;*/
/*    padding: 0 16px 64px;*/
/*}*/

/*@media (max-width: 1700px) {*/
/*    main {*/
/*        padding: 0 250px 64px 16px;*/
/*    }*/
/*}*/

/*a {*/
/*    color: #1da544;*/
/*}*/

/*code {*/
/*    color: #0a54ea;*/
/*    background: #f2f2bb;*/
/*    padding: 0 4px;*/
/*    border-radius: 3px;*/
/*}*/

/*.hljs {*/
/*    background: #f6f2db;*/
/*    border-radius: 5px;*/
/*}*/

/*#minimap {*/
/*    margin: 0;*/
/*    padding: 16px;*/
/*    list-style: none;*/
/*    position: fixed;*/
/*    top: 48px;*/
/*    right: 0;*/
/*    background: #f6f6f3;*/
/*    font-size: 14px;*/
/*    line-height: 1.8em;*/
/*    max-width: 270px;*/
/*    white-space: nowrap;*/

/*    li {*/
/*        color: #1da544;*/
/*        overflow: hidden;*/
/*        text-overflow: ellipsis;*/
/*    }*/
/*}*/

/*.indent-2 {*/
/*    padding-left: 8px;*/
/*}*/

/*.indent-3 {*/
/*    padding-left: 16px;*/
/*}*/

/*.indent-4 {*/
/*    padding-left: 24px;*/
/*}*/

/*.indent-5 {*/
/*    padding-left: 32px;*/
/*}*/