body {
    height: 100vh;
}

main {
    display:flex;
    align-items: center;
    padding:0 10vw 0 7vw;
}

.home-txt {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 90vw;
    height: 25vh;
    margin-top:37vh;
}

h1 {
    color: var(--accent);
    font-family: var(--title);
    font-size: 5.5em;
    display: block;
    margin: 0;
    margin-top:-7vh;
    font-weight:normal;
    text-transform: uppercase;
    letter-spacing: 0.1em;

}

p {
    font-size: 1.3em;
    letter-spacing: 0.4em;
}

hr {
    position:absolute;
    width: 100vw;
    border:1px solid var(--accent);
}

.home-menu {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items:end;
    margin-top:37vh;
}

main a {
    font-size: 1.3em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    border:1.5px solid var(--secondary);
    width:17vw;
    text-align: center;
    padding:3vh 0;
}

main a:hover {
    letter-spacing: .3em;
    filter:brightness(1.3);
    border-radius:2px;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.614);
}

main a:first-of-type {
    color:var(--accent);
    border:1.5px solid var(--accent);
    margin-bottom: 7vh;
}

footer {
    position: absolute;
    bottom: 0;
    font-size: .5em;
    letter-spacing: 0.2em;
}

/* ------ MOBILE ------ */
@media screen and (max-width: 650px) {
    main {
        padding:0;
        text-align:center;
        flex-direction: column;
        align-items: center;
    }
    h1 {
        font-size: 3.5em;
        padding-bottom:3vh;
    }
    .home-txt {
        margin-top: 25vh;
        align-items: center;
    }
    hr {
        position:relative;
        width:70vw;
        margin: 0;
    }
    p {
        font-size: 1em;
    }
    .home-menu {
        margin-top: 0;
    }
    main a {
        width: 50vw;
        text-align: center;
        padding:2vh 0;
        font-size:1.2em;
        margin:0;
    }
}