@import url("/media/css/highlightjs.default.min.css");

* {
    --primary: #f4511e;
    --primary-hover: #e64a19;
    --primary-focus: rgba(244, 81, 30, 0.125);
    --primary-inverse: #FFF;
    --form-element-active-border-color: var(--primary);
    --form-element-focus-color: var(--primary-focus);
    --switch-color: var(--primary-inverse);
    --switch-checked-background-color: var(--primary);
    --font-size: 17px;
}

html {
    font-size: 17px;
}

@font-face {
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: normal;
    src: local("JetBrains Mono"), url("/media/fonts/JetBrainsMono-Regular.ttf") format("truetype");
}

h1,
h2,
h3,
h4,
h5,
h6 {
    --font-family: "JetBrains Mono", sans-serif;
    --font-weight: 800;
}

nav {
    font-family: "JetBrains Mono", sans-serif;
}

iframe {
    width: 100%;
}


.translation {
    color: #aaa;
}

.photo {
    padding: 2px;
    border: 5px solid #ddd;
}

.hentry .published {
    color: #999;
}

#main-about .photo {
    margin: 0 2em 2em 0;
}

@media (min-width: 768px) {
    #main-about .photo {
        float: left;
    }
}

#blog-feed-logo {
    float: right;
}

#blog-posts h2 {
    margin-top: 2em;
    font-size: 1.3rem;
}

#main-project-cards {
    margin-bottom: 1em;
}

#main-projects article {
    margin: 0 0 1em 0;
}

#main-stories article {
    margin: 0 0 2em 0;
}