@font-face {
    font-family: 'InstrumentSans';
    src: url('../fonts/InstrumentSans/InstrumentSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'InstrumentSans';
    src: url('../fonts/InstrumentSans/InstrumentSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'InstrumentSans';
    src: url('../fonts/InstrumentSans/InstrumentSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'InstrumentSans';
    src: url('../fonts/InstrumentSans/InstrumentSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'InstrumentSans';
    src: url('../fonts/InstrumentSans/InstrumentSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'InstrumentSans';
    src: url('../fonts/InstrumentSans/InstrumentSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'InstrumentSans';
    src: url('../fonts/InstrumentSans/InstrumentSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

html {
    font-family: 'InstrumentSans', sans-serif;
    /* background-color: #F8F7F3; */
    /* background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #faf6ea var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #F8F7F3 var(--tw-gradient-to-position);
    background-attachment: fixed; */
/*     background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #f2f8f1 var(--tw-gradient-to-position);
    background-attachment: fixed; */
}

#content {
    letter-spacing: 0.025em;
    padding-top: 2.6rem;
}

#content h1 {
    color: #096c11;
    /* letter-spacing: 0.015em; */
    font-weight: 400;
}

#content h1,
#content h2,
#content h3 {
    font-weight: 300;
}

/* #content h2 {
    font-size: 28px;
} */

#content a {
    color: #096c11;
}

#header-wrapper {
    box-shadow: 0 4px 2px -2px rgba(121, 121, 121, 0.15);
}

#header {
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 0.025em;
}

#navigation {
    letter-spacing: 0.025em;
}

#navigation ul li a.selected {
    background-color: #f3f4f6ca;
}

#footer {
    opacity: 0.8;
}