@font-face {
    font-family: "DMSans";
    src: 
        url("/fonts/DMSans-VariableFont.ttf") format("truetype");
    font-weight: 100 900;
}
body {
    margin: 0;
    background-color: #FFFFFC;
    font-weight: 500;
    font-family: "DMSans";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

div {
    word-break: keep-all;
    overflow-wrap: anywhere;
}

div.box {
    padding: 20px;
}

div.box div.header img{
    width: 40px;
    height: 40px;
    margin-top: 0;
    margin-bottom: 0;
}

div.box div.header h1 {
    font-size: 1.5rem;
    margin-top: 20px;
    margin-bottom: 0;
}

div.parent {
    margin-top: 20px;
    margin-bottom: 20px;
}

div.parent div.child {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 2rem;
    font-weight: 500;
}

div.parent div.child div.image-container img,
div.parent div.child div.image-container video {
    max-width: 75vw;
}

div.parent div.child a{
    text-decoration: underline;
    color: #000000;
}

div.parent div.child h1{
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: -0.06rem;
    margin: 0;
}

div.parent div.child div.subtitle {
    font-size: 1rem;
}

div.parent div.child div.title {
    font-size: 1.25rem;
}

div.links {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 10px;
    font-size: 1rem;
}

div.footer a {
    font-size: 1rem;
    line-height: 2rem;
    text-decoration: underline;
    color: #000000;
}

div.footer a:hover {
    text-decoration: underline;
}