@import 'base.css';


#app {
    max-width: 1280px;
    margin: 0 auto;
    padding: 2rem;
    gap: 1rem;
    font-weight: normal;
}


a.router-link-active {
    color: var(--vt-c-munsell) !important;
}


a {
    text-decoration: none;
    color: var(--vt-c-silver);
    transition: 0.4s;
}


@media (hover: hover) {
    /*a:hover,*/
    /*button:hover {*/
    /*    background-color: var(--vt-c-payne);*/
    /*}*/
}


/* Example CSS for headings with additional styles */
h1 {
    font-size: 2rem;
    line-height: 4rem
}

h2 {
    font-size: 1.5rem;
    line-height: 3rem;
}

h3 {
    font-size: 1.2rem;
    line-height: 2.4rem;
}