#portfolio {
    width: 99%;
    height: calc(100% - 18vmin);
    position: absolute;
    top: calc(10vmin + 9.5%);
    overflow-x: hidden;
    overflow-y: scroll;
    
    > section {
        width: 99.5%;
        height: 100%;
        padding: 20px 0;
        padding-left: .5%;
    }
    
    section:not(#introduction) {
        .content {
            width: 100%;
            border: .5vmin solid #312F32;
            background-color: #535456;

            h2 {
                width: 100%;
                font-weight: 500;
                border-bottom: .5vmin solid #2F2F2F;
                
                span {
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    padding: 1%;
                    font-size: 5vmin;
                    border-left: .5vmin solid #525252;
                    border-top: .5vmin solid #505251;
                    border-bottom: .5vmin solid #2F3032;
                    border-right: .5vmin solid #303133;
                    background-color: #3F4042;
                }
            }
        }
    }
}

#portfolio::-webkit-scrollbar {
	width: 25px;
}

#portfolio::-webkit-scrollbar-track-piece {
	border: 7.5px solid transparent;
	margin: 20px 0 20px 0;
    box-shadow: inset 15px 15px #646464;
}

#portfolio::-webkit-scrollbar-thumb {
	border: 5px solid black;
    background-color: #E1E5E8;
    box-shadow: inset 0 -10px #646464;
    cursor: grab;
    height: 25vmin;
}