@font-face {
    font-family: "DMSans";
    src: 
        url("/fonts/DMSans-VariableFont.ttf") format("truetype");
    font-weight: 100 900;
}
body {
    margin: 0;
    text-align: center;
    background-color: #FFFFFC;
    font-weight: 500;
    font-family: "DMSans";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 120px;
}
div.others {
    font-size: 0.75rem;
}
a {
    text-decoration: underline;
    color: #000000;
    font-weight: 600;
}
h2 {
    font-weight: 500;
    font-size: 1rem;
}
p {
    font-size: 0.875rem;
}

div.download-section {
    position: fixed;
    bottom: 30px;
    left: 0;
    right: 0;
}
div.hero-section {
    margin-top: 60px;
    margin-bottom: 60px;
}
div.saveanything-section {
    margin-top: 60px;
    margin-bottom: 60px;
}
div.anytypes-section {
    margin-top: 40px;
    margin-bottom: 40px;
}
div.summarize-section {
    margin-top: 60px;
    margin-bottom: 60px;
}
div.organize-section {
    margin-top: 60px;
    margin-bottom: 60px;
}
div.search-section {
    margin-top: 60px;
    margin-bottom: 60px;
}
div.privacy-section {
    margin-top: 60px;
    margin-bottom: 60px;
}

div.hero-section
img {
    width: 32vw;
    max-width: 102.4px;
    margin-top: 30px;
}
div.hero-section
h1 {
    font-weight: 500;;
    letter-spacing: -0.06rem;
    font-size: 2rem;
}
div.saveanything-section
img {
    width: 90vw;
    max-width: 300px;
}
div.summarize-section
img {
    width: 90vw;
    max-width: 300px;
}
div.organize-section
img {
    width: 90vw;
    max-width: 300px;
}
div.search-section
img {
    width: 90vw;
    max-width: 300px;
}
div.anytypes-section
img {
    width: 90vw;
    max-width: 150px;
}