/* ╭──────────────────────────────╮
/  │  _                           │
/  │ | |__   ___  _ __ ___   ___  │
/  │ | '_ \ / _ \| '_ ` _ \ / _ \ │
/  │ | | | | (_) | | | | | |  __/ │
/  │ |_| |_|\___/|_| |_| |_|\___| │
/  ╰──────────────────────────────╯
/  home - specific styling for the main synth.download home page (index.md) */

#site.window.home {

    main,
    section {
        a:nth-child(2) {
            cursor: default;
        }

        #logo {
            width: 40rem;
            height: auto;
            line-break: strict;
            margin-bottom: 0.5rem;
            text-align: center;
            cursor: default;
        }

        h1 {
            margin-top: -1rem;
            margin-bottom: 1px;
        }

        p {
            margin-top: 3px;
        }

        ul {
            text-align: left;

            li a {
                text-decoration: none !important;
            }

            li a:hover {
                text-decoration: underline !important;
            }
        }

        text-align: center;
    }
}

/* - buttons section - */

#buttons.window.home section {
    text-align: center;
    font-size: 0px;

    img {
        margin-right: 5px;
        image-rendering: auto;
        image-rendering: crisp-edges;
        image-rendering: pixelated;
        transition: transform 0.2s;
    }

    img:hover {
        transform: scale(2);
    }
}

@media screen and (max-width: 59em) {

    #site.window.home>main,
    #site.window.home>section {
        #logo {
            max-width: 100%;
        }
    }
}