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

a {
    color: currentColor;
}

@font-face {
    font-family: "Abel";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/fonts/abel-v18-latin-regular.woff2') format("woff2");
    src: url('/assets/fonts/abel-v18-latin-regular.woff') format("woff");
}

html {
    font-family: Abel;
}

body {
    font-family: Abel;
    background: rgb(235, 233, 228);
    margin: 3rem;
}

header {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
}

img {
    width: 100%;
}

.menu {
    display: flex;
}
.menu a {
    margin-left: 0.5rem;
}

.project {
    margin: 1.5rem;
    margin-left: 1.5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    grid-gap: 1.5rem;
}

.messung {
    margin-left: 1.5rem;
}