#projects-toggle{
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

.software-portfolio-section{
    /* grid-row-start: 2;
    grid-column-start: 2; */

    display: grid;
    /* grid-template-rows: 55px repeat(auto, auto); */
    row-gap: 10px;
}

.projects-grid{
    display: grid;
    row-gap: 25px;
}

#current-projects{
    background: rgba(0,0,0,.9);
    color: var(--slight-white);
    padding: 2rem;
}

.current-projects-outer{
    padding: 3px;
    background: linear-gradient(90.56deg,#27061a,#ff6363 29.69%,#9b4dff 52.6%,#100321 100%);
    border-radius: 12px;
}


.current-projects-callout, .current-projects-callout:link, .current-projects-callout:visited{
    --inactive-link: #a485ff;
    --hover-link: #a485ff;

    text-align: right;
    padding: 0.75rem;
    background: rgba(164,133,255,.15);
    transition:  background-color 300ms;
    /* margin-left: 8px; */
    border-radius: 8px;
    font-size: .9em;
}

.current-projects-callout:hover{
    background: rgba(164,133,255,.25);
}



/* Hack to make flexbox work wtih the details element */
.current-projects-flex{
    display: inline-flex;
    width: 97%;
    justify-content: space-between;
}

#git-project-list{
    --inactive-link: hsl(203, 53%, 50%);
    --hover-link: hsl(203, 53%, 70%);
}

#git-project-list > li{
    padding: 1rem 0;
}

#git-project-list > li:first-child{
    padding-top: 0;
}

#git-project-list h4{
    margin: 0;
}

#git-project-list dd > p{
    display: inline;
}

#git-project-list dl{
    margin: 0;
}

#git-project-list dd{
    display: list-item;
    list-style-type: disc;
    font-size: .9em;

    margin: 0 1rem;
}

#git-project-list > li > ul{
    padding: 0;
}


#fix-this{
    /* pre-formatted code section */
    width: 30rem;
    overflow: auto;
}


.software-outer{
    padding: 1px;
    /* background: linear-gradient(90.56deg,#27061a,#ff6363 29.69%,#9b4dff 52.6%,#100321 100%); */
    /* background: linear-gradient(90deg, #fcff9e 0%, #c67700 100%); */


    background: rgb(50,77,79);
    background: linear-gradient(209deg, rgba(50,77,79,1) 14%, rgba(231,0,0,1) 77%, rgba(203,0,0,1) 100%);
    border-radius: 12px;
}

.software-grid-item{
    color: white;
    padding: 50px;
    /* border: 1px solid hsla(0,0%,100%,.1); */
    background: rgba(0,0,0,0.2);
    border-radius: 12px;

    /* display: flex;
    align-items: center; */
}

.softwareIcon{
    display: grid;
    place-items: center;

    /* background-color: rgba(255, 255, 255, 0.7); */
    background: radial-gradient(100% 100% at 50% 0,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%),hsla(0,0%,100%,.15);

    height: 45px;
    width: 45px;

    border-radius: 8px;
}

.softwareIcon > img{
    height: 40px;
}

/* .software-grid-item > h4{
    font-size: 20px;
    font-weight: 500;
} */

/* https://www.joshwcomeau.com/gradient-generator?colors=66002c|ffea00&angle=315&colorMode=hcl&precision=2&easingCurve=0.9678899082568807|0.9935493119266054|-0.05|0.016485091743119264 */
.divPokemon{
    background-image: linear-gradient(
    315deg,
    hsl(334deg 100% 20%) 1%,
    hsl(6deg 58% 45%) 47%,
    hsl(33deg 87% 52%) 48%,
    hsl(55deg 100% 50%) 100%
);
}

/* Main heading: */
/* font-size: 20px;
font-weight: 600;
line-height: 27px; */

/* Sub-text inside*/ 
/*  margin: 8px 0 0;
    font-size: 16px;
    line-height: 24px; 
    color: rgba(255,238,247,.8);
    */