@import "base.css";

@font-face {
    font-family: jetbrains-mono;
    src: url("JetBrainsMono-SemiBold.woff2") format("woff2");
}

body {
    visibility: hidden;
    font-family: "jetbrains-mono";
}

.content {
    display: flex;
    flex-direction: column;
    align-items: left;
    margin-left: 2em;
    margin-top: 0;
}

hr {
    border: 5px solid black;
    color: black;
    margin-bottom: 0;
    margin-left: 2em;
    margin-right: 2em;
}

.content hr {
    margin-left: 0;
    margin-right: 2em;
    border: 5px solid black;
}

header {
    margin: 2em;
    display: flex;
    align-items: center;
}

h1 {
    font-size: 4.5em;
    margin-top: 0;
    margin-bottom: 0;
}

h2 {
    font-size: 4em;
    margin-top: 0em;
    margin-bottom: 0;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

.contact {
    margin-top: 2em;
}
.contact a {
    margin-right: 20px;
}

.projects {
    margin-top: 5em;
}

.projects a {
    text-decoration: underline;
    font-size: 1em;
}

.projects p {
    margin-bottom: 1em;
    margin-top: 0px;
}