.container {
    text-align: center;
    background-color: #1a1a25;
    width: 100%;
    height: 150vh;
    min-height: 100vh;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: -10;
}

.space-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    height: 120vh;
    z-index: -9;
}

.blank {
    position: absolute;
    top: 140%;
    width: 100%;
    height: 100vh;
    background-color: #1a1a25;
}

/*@media screen and (min-width: 59.375rem) {*/
/*    .blank {*/
/*        top: 150%;*/
/*    }*/
/*}*/

/*@media screen and (min-width: 87.5rem) {*/
/*    .blank {*/
/*        top: 150%;*/
/*    }*/
/*}*/

/*@media screen and (min-width: 125.0rem) {*/
/*    .blank {*/
/*        top: 170%;*/
/*    }*/
/*}*/

.cloud-one {
    position: absolute;
    top: 100vh;
    width: 100%;
    min-height: 50vh;
    background-size: 100vw 100vh;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 1;
}

.cloud-two {
    position: absolute;
    top: 120vh;
    width: 100%;
    min-height: 50vh;
    background-size: 100vw auto;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 1;
}

.cloud-three {
    position: absolute;
    top: 160vh;
    width: 100%;
    min-height: 50vh;
    background-size: 100vw auto;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 1;
}

.about-intro-segment {
    overflow: hidden;
    height: 150vh;
    min-height: 93.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
}

.project-segment {
    overflow: hidden;
    height: auto;
    min-height: 180vh;
    display: flex;
    grid-template-columns: 2fr 1fr;
    z-index: 0;
}

.skill-segment {
    height: auto;
    min-height: 93.75rem;
    display: flex;
    grid-template-columns: 2fr 1fr;
    z-index: 0;
}

.profile-background {
    min-height: 93.75rem;
    max-height: 125.0rem;
    height: 180vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: 0;
}

.left-item {
    margin-left: 5%;
    margin-right: 5%;
}

.right-item {
    margin-right: 5%;
}

.small-item {
    text-align: center;
    align-items: center;
    display: inline-block;
}