@import url(main.css);
@import url(animations.css);

body {
    overflow: hidden;
}

#homeWrapper {
    padding: var(--contentPadding);
}

.part {
    /* uncomment this and comment line 27 to get 3 columns */
    width: calc((100vw - (var(--contentPadding) * 2) + 0.6vw) / 2);
    /* min-width: calc((100vw - (var(--contentPadding) * 2) + 0.6vw) / 2); */
}

#content {
    display: flex;
}

#content ul {
    /* uncomment this and line 13 to get three columns */
    /* width: calc((100vw - (var(--contentPadding) * 2) + 0.6vw) / 2); */
}

.intro ul {
    color: rgb(var(--main-color), 0.7);
    font-variation-settings: 'wght' 200;
}

h1 {
    position: absolute;
    left: var(--contentPadding);
    bottom: -1.2vw;
    font-size: 22.7vw;
}

.wip {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 3vh;
    color: whitesmoke;
    background-color: rgb(231, 66, 66);
}