.container {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: white;
}
.container2 {
    background-color: whitesmoke;
    padding: 10px;
}
body {
    background-color: paleturquoise;
}

.t125{
    font-size: 1.25em;
}

.top-section{
    background-color: whitesmoke;
    margin: 5px;
    padding: 10px;
}

.album{
    background-color: antiquewhite;
    margin: 5px;
}
.me-text{
    text-align: center;
    align-self: flex-start;
    position: sticky;
    top: 0;
    background: white;
    z-index: 1000;
    padding: 10px 0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
.me{
    max-width: 300px;
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

.scroll-container {
    height: 350px;
    overflow: hidden;
    margin-top: 25px;
    position: relative;

    /* Fade top & bottom */
    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 15%,
        black 85%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        black 15%,
        black 85%,
        transparent 100%
    );
}

#scroll-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#scroll-list li {
    padding: 12px;
    border-bottom: 1px solid #ddd;
    font-size: 1.25em;
}
#mainText p{
    font-size: 1.25em;
}

#li1{
    background-color: #FFADAD;
}#li2{
    background-color: #FFD6A5;
}#li3{
    background-color: #CAFFBF;
}#li4{
    background-color: #9BF6FF;
}#li5{
    background-color: #BDB2FF;
}#li6{
    background-color: #FFADAD;
}#li7{
    background-color: #FFD6A5;
}#li8{
    background-color: #CAFFBF;
}#li9{
    background-color: #9BF6FF;
}#li10{
    background-color: #BDB2FF;
}



@media only screen and (max-width: 768px){
    #skill{
        margin-top: 0%;
        text-align: center;
    }
    #skill2{
        text-align: center;
    }
}

@media only screen  and (min-width: 768px) and (max-width: 992px){
    #skill{
        margin-top: 140%;
        text-align-last: center;
    }
    #skill2{
        text-align-last: center;
    }
}

@media only screen and (min-width: 992px){
    #skill{
        margin-top: 70%;
        /* text-align: end; */
        text-align-last: right;
    }
    #skill2{
        /* text-align: end; */
        text-align-last: right;
    }
}