/*
* Base
*/

.tech-list>* {
    display: inline-block;

    margin-right: 0.4em;
    margin-bottom: 0.5em;

    padding: 0.3em;

    padding-left : 0.5em;
    padding-right: 0.6em;

    background-color: deeppink;

    border-radius: 0.3em;

    font-size: 0.8rem;

    border-left-style: solid;
    border-left-width: 0.5em;

    border-left-color: fuchsia;

    color: white;
}

.tech-list>*:last-of-type {
    margin-left: 0;
}


/*
* Languages
*/

.tech-python {
    background-color: #17e;

    border-left-color: black;
}

.tech-python::before {
    content: "Python";
}


.tech-java {
    /* background-color: #58a; */
    background-color: #d70;

    border-left-color: black;
}

.tech-java::before {
    content: "Java";
}


.tech-html {
    background-color: #f40;

    border-left-color: black;
}

.tech-html::before {
    content: "HTML";
}


.tech-css {
    background-color: #29f;

    border-left-color: black;
}

.tech-css::before {
    content: "CSS";
}


.tech-csharp {
    background-color: #70c;

    border-left-color: black;
}

.tech-csharp::before {
    content: "C#";
}


.tech-racket {
    /* background-color: #46b; */
    background-color: #a22;

    border-left-color: black;
}

.tech-racket::before {
    content: "Racket";
}


/*
* Libraries
*/

.tech-lib {
    background-color: #999;

    border-left-color: dimgray;
}