.SkillsSection{
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vmin;
    height: fit-content;
    width: 100%;
    

    h1{
        text-shadow: 1.3vmin 1.3vmin 0vmin black;

        font-size: 10vmin;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    }
    .skillboxP{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 90%;
        gap: 5vmin;
        margin-bottom: 2vmin;
        h1{
            font-size: 6vmin;
            margin: 0px;
        }

        .skillcontainer{
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 90%;
            border: 1vmin solid; 
            border-image: linear-gradient(to right,var(--accent), rgb(6, 6, 6)) 1;
            background: linear-gradient(to right,rgb(0, 0, 0) ,rgb(44, 44, 44));
            min-height: 25vmin;
            height: fit-content;
            gap: 8vmin;
            padding: 2vh 2vw 2vh 2vw;
            
            border-radius: 2vmin;
            h1{
                span{
                    color: var(--accent);
                }
            }
            .skillimageholder{
                display: flex;
                gap: 10vmin;
                flex-wrap: wrap;
                img{
                    width: 8vmin ;
                    height: 8vmin;
                    
                    border-radius: 1vmin;
                    background-color: aliceblue;
                    padding: .2vmin;
                    transition: all .04s ease-in-out  ,.2s ease-in, width .3s ease-in,transform .2s ease-in;

                }
                
            }

            
        }
        .skillcontainer:hover{
            
            .skillimageholder img:hover{
                transform: translateY(-2vmin);
                box-shadow: 0 0 5vmin var(--accent);

            }

        }
    }
}