@media screen and (min-width:769px) {
    @import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300&display=swap');

    html, body {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        z-index: 2;
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        height: 10vh;
        z-index: 10;
        width: 100vw;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 0 0 30vw / 1vh 30vw / 1vh;
    }

    #trigger, #burger, #menu-toggle {
        display: none;
    }

    .title {
        position: absolute;
        top: 1vh;
        left: 1vw;
        margin: 0;
        color: #fff;
        display: inline;
        font-size: 5vh;
    }

    #menu {
        position: absolute;
        top: 0;
        right: 1vw;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: space-between;
        width: 49vw;
    }

        #menu li, #menu a {
            margin: calc(5vh - 14pt) 1vw;
            color: #fff;
            font: 14pt "Roboto", sans-serif;
            font-weight: 700;
            line-height: 1.8;
            text-decoration: none;
            text-transform: none;
            list-style: none;
            outline: 0;
        }

            #menu li:nth-child(1) {
                display: none;
            }

    main {
        padding: 0 5vw;
        width: 90vw;
    }

    body {
        font-family: 'M PLUS Rounded 1c', sans-serif;
    }
}