/* :root {
    --f-main: arial;
} */

body {
    line-height: 1.4;
}

/* .section1 {
    padding-top: 100px;
    z-index: 500;
    position: fixed;
    background-color: var(--bg);
    width: 100%;
} */

.title {
    overflow: hidden;
}
.title span {
    display: inline-block;
    animation: title-enter 500ms ease;
}
@keyframes title-enter {
    from {
        transform: translateY(2em) rotate(20deg);
    }
    to {
        transform: translateY(0) rotate(0deg);
    }
}

.meta-info p,
.contact-info p {
    color: var(--tx2);
}
.meta-info p span,
.contact-info p span {
    color: var(--tx);
}
.meta-info a,
.contact-info a {
    text-decoration: underline;
}
.meta-info a:hover,
.contact-info a:hover {
    font-style: italic;
    color: var(--cf);
}

.section2 {
    animation: section2-enter 1.2s ease;
}

@keyframes section2-enter {
    from {
        transform: translateY(0px) scale(.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

.intro {
    /* max-width: 800px; */
    margin-top: 80px;
}

.sub-section {
    /* margin-top: 80px; */
    display: flex;
    flex-direction: row;
    /* background-color: red; */
    width: 100%;
}

.sub-section-left {
    /* width: 40vw;
    min-width: fit-content; */
    /* flex-shrink: 0; */
    flex: 1;
    /* border: var(--border);
    border-left: none;
    border-bottom: none; */
    padding: var(--side-padding);
    border-right: var(--border);
}

.sub-section-right {
    /* width: 100%; */
    flex: 1;
    /* border: var(--border);
    border-right: none;
    border-left: none;
    border-bottom: none; */
    padding: var(--side-padding);
}

.section2 li {
    list-style-position: inside;
    margin: 1em 0;
}

.section2 > * {
    border-top: var(--border);
    border-left: var(--border);
    border-right: var(--border);
}
.section2 > *:last-child {
    border-bottom: var(--border);
}

/* .section2 > * {
    opacity: .5;
    transition: opacity 200ms ease;
    border-top: var(--border);
}

.section2 > *:hover {
    opacity: 1;
} */

.contact-section a {
    color: var(--cf);
    text-decoration: underline;
}

.contact-section a:hover {
    font-style: italic;
}

@media (max-width: 768px) {
    .sub-section {
        flex-direction: column;
    }
    .sub-section-left {
        /* flex: 1; */
        /* padding: var(--side-padding); */
        /* border-right: var(--border); */
        border: none;
    }

    /* .sub-section-right {
        flex: 1;
        padding: var(--side-padding);
    } */

    /* .section2 li {
        list-style-position: inside;
        margin: 1em 0;
    } */

    .section2 > * {
        /* border-top: var(--border);
        border-left: var(--border);
        border-right: var(--border); */
        border: none;
        border-top: var(--border);

    }
    /* .section2 > *:last-child {
        border-bottom: none;
    } */
    /* .sub-section-right {
        border: var(--border);
        border-left: none;
        border-right: none;
    } */
    
    #footer {
        margin-top: 80px;
    }
}