/* -- ◈ -- */

.category-item-i[data-category-i="Biology-"] {
    background: linear-gradient(to right, #e8f5e9, #ffffff);
    background-image: url("../../../../Assets/Graphics/Pictures/Background/tienko-dima-uYoVf9I6ANI-unsplash.jpg");
    /* color: #c0f3c3;
    text-shadow: 1px 1px 2px #000000; */
    color: #00d00a;
    /* color: #00e30b; */
    font-family: "Palatino Linotype", serif;
    border-left: 4px solid #9ec60b;
    /* border-left: 4px solid #66bb6a; */
    box-shadow: 0 2px 4px rgba(102, 187, 106, 0.5);
}
.category-item-i[data-category-i="Biology-"]:hover {
    background: #c8e6c9;
    background-image: url("../../../../Assets/Graphics/Pictures/Background/tienko-dima-uYoVf9I6ANI-unsplash.jpg");
    color: #1b2702;
    background-position: 40%;
    transform: translateX(1px);
}
/* .left-bar[data-current-category="Biology"] {
    border-right: 2px double #a5d6a7;
}
.left-bar[data-current-category="Biology"] .node-label {
    font-weight: bold;
} */

/* .category-item[data-category="Cryptography"]{
    font-family: 'Times New Roman', Times, serif;
    letter-spacing: 1px;
    color: gray;
} */


.category-item-ii[data-category-ii="Astronomy-"]{
    /* margin-top: 80px;  */
    /* border-top: 1px solid #333;
    border-bottom: 1px solid #333; */
    /* padding-top: 10px;  */
    /* background-color: rgb(228, 228, 228); */
    /* color: #ffffff; */
    /* color: black; */
    color: rgb(255, 255, 255);
    /* font-family: "Megrim", system-ui; */
    /* font-family: 'Times New Roman', Times, serif; */
    /* text-shadow: 
        -1px -1px 1px #ffffff,
        1px 1px 2px #3b3b3b,
        1px 1px 2px #3b3b3b; */
        background-color: white;
        background-image: url(../../../../Assets/Graphics/Pictures/Astro/noao-ngc7023.jpg);
        background-size: 200px;
    border-left: 4px solid #114378;
    text-shadow: 1px 1px 2px #a8a8a8;
    font-family: "Cinzel", serif;
    /* font-size: 16px; */
    font-variant: small-caps; 
    /* text-align: center;  */
    letter-spacing: 2px;
}
.category-item-ii[data-category-ii="Astronomy-"]:hover{
    /* border-left: 2px solid #e7e7e7;
    border-right: 2px solid #e7e7e7; */
    color: #021027;
    text-shadow: 1px 1px 2px #8b8f9d;
    background-position: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    transform: translateX(1px);
}

.category-item-iii[data-category-iii="MC Modding-"]{
    color: rgb(255, 255, 255);
        background-color: white;
        background-image: url(https://pbs.twimg.com/media/HLlre4tXAAE2ZRO?format=jpg&name=900x900);
        background-size: 400px;
    border-left: 4px solid #948ca4;
    text-shadow: 1px 1px 2px #a8a8a8;
    font-family: "Cinzel", serif;
    font-variant: small-caps; 
    letter-spacing: 2px;
}
.category-item-iii[data-category-iii="MC Modding-"]:hover{
    color: #fbede6;
    background-size: 100px;
    text-shadow: 1px 1px 2px #f7f2bd;
    background-position: bottom;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    transform: translateX(1px);
}

.category-item[data-category="All - Dawn-"]{
    color: rgb(255, 255, 255);
        background-color: white;
        background-image: url(https://pbs.twimg.com/media/HLL72jWXkAA-wAv?format=jpg&name=900x900);
        background-size: 100px;
        background-position: bottom;
    border-left: 4px solid #948ca4;
    text-shadow: 1px 1px 2px #a8a8a8;
    font-family: "Cinzel", serif;
    font-variant: small-caps; 
    letter-spacing: 2px;
}
.category-item[data-category="All - Dawn-"]:hover{
    color: #fbede6;
    background-size: 400px;
    background-position: 0%;
    text-shadow: 1px 1px 2px #f7f2bd;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    transform: translateX(1px);
}

.category-item[data-category="Rain-"]{
    color: rgb(255, 255, 255);
        background-color: white;
        background-image: url(https://images.unsplash.com/photo-1527766833261-b09c3163a791?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
        background-size: 300px;
        background-position: top;
    border-left: 4px solid #d2d4d7;
    text-shadow: 1px 1px 2px #a8a8a8;
    font-family: "Cinzel", serif;
    font-variant: small-caps; 
    letter-spacing: 2px;
}
.category-item[data-category="Rain-"]:hover{
    color: #fbede6;
    background-image: url(https://images.unsplash.com/photo-1507027682794-35e6c12ad5b4?q=80&w=687&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
    background-size: 200px;
    background-position: 0%;
    text-shadow: 1px 1px 2px #f7f2bd;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    transform: translateX(1px);
}

.category-item[data-category="mech-"]{
    color: rgb(255, 255, 255);
        background-color: white;
        
        background-image: url(https://pbs.twimg.com/media/HJ0csjcXUAAtHwt?format=jpg&name=900x900);
        background-size: 100px;
        background-position: center;
    border-left: 4px solid #948ca4;
    text-shadow: 1px 1px 2px #a8a8a8;
    /* font-family: "Cinzel", serif; */
    font-variant: small-caps; 
    letter-spacing: 2px;
}
.category-item[data-category="mech-"]:hover{
    color: #fbede6;
    background-image: url(https://pbs.twimg.com/media/HKvdrfTXoAAq4EP?format=jpg&name=900x900);
    background-position: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    transform: translateX(1px);
}

.category-item[data-category="Writing-"]{
    color: rgb(255, 255, 255);
        background-color: white;
        background-image: url(https://pbs.twimg.com/media/HKeWGpqXgAAwXLI?format=jpg&name=900x900);
        background-size: 140px;
        background-position: bottom;
    border-left: 4px solid #8c96a4;
    text-shadow: 1px 1px 2px #a8a8a8;
    font-family: "Cinzel", serif;
    font-variant: small-caps; 
    letter-spacing: 2px;
}
.category-item[data-category="Writing-"]:hover{
    color: #0b1132;
    background-position: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    transform: translateX(1px);
}

.category-item[data-category="Heraldry-"]{
    color: rgb(0, 0, 0);
        background-color: white;
        background-image: url(https://pbs.twimg.com/media/HJqU30wWMAAuGWl?format=jpg&name=900x900);
        background-size: 140px;
        background-position: center;
    border-left: 4px solid #8c96a4;
    text-shadow: 1px 1px 2px #a8a8a8;
    font-family: "Cinzel", serif;
    font-variant: small-caps; 
    letter-spacing: 2px;
}
.category-item[data-category="Heraldry-"]:hover{
    color: #0b1132;
    background-position: 10% 10%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    transform: translateX(1px);
}

/* .category-item-iv[data-category-iv="Compilers"]{
    color: rgb(221, 221, 221);
        background-color: white;
        background-image: url(https://pbs.twimg.com/media/HIrAL-ZW8AA-hDZ?format=jpg&name=900x900);
        background-size: 140px;
        background-position: center;
    border-left: 4px solid #8c96a4;
    text-shadow: 1px 1px 2px #a8a8a8;
    font-family: "Cinzel", serif;
    font-variant: small-caps; 
    letter-spacing: 2px;
}
.category-item-iv[data-category-iv="Compilers"]:hover{
    color: #0b1132;
    background-position: 10% 10%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    transform: translateX(1px);
} */

.category-item[data-category="Programming languages-"]{
    color: rgb(225, 198, 213);
        background-color: white;
        background-image: url(https://pbs.twimg.com/media/HIXqEkvWUAAevPf?format=jpg&name=900x900);
        background-size: 140px;
        background-position: center;
    border-left: 4px solid #500a3b;
    text-shadow: 1px 1px 2px #a8a8a8;
    font-family: "Cinzel", serif;
    font-variant: small-caps; 
    letter-spacing: 2px;
}
.category-item[data-category="Programming languages-"]:hover{
    /* color: #0b1132; */
    background-position: 10% 10%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    transform: translateX(1px);
}

.category-item[data-category="Physics-"]{
    color: rgb(225, 198, 213);
        background-color: white;
        background-image: url(https://pbs.twimg.com/media/HLszjfIXAAAlkoB?format=jpg&name=900x900);
        background-size: 140px;
        background-position: center;
    /* border-left: 4px solid #a7a7a7; */
    text-shadow: 1px 1px 2px #a8a8a8;
    font-family: "Cinzel", serif;
    font-variant: small-caps; 
    letter-spacing: 2px;
}
.category-item[data-category="Physics-"]:hover{
    /* color: #0b1132; */
    /* background-position: 10% 10%; */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    transform: translateX(1px);
}

/* GeekNetöryggi */
.category-item[data-category="AexSin-"]{
    color: rgb(200, 9, 18);
        background-color: white;
        background-image: url(https://pbs.twimg.com/media/HLSe8g5X0AAmzgV?format=jpg&name=small);
        background-size: 140px;
        background-position: 10% 20%;
    /* border-left: 4px solid #a7a7a7; */
    /* text-shadow: 1px 1px 2px #a8a8a8; */
    font-family: "Cinzel", serif;
    font-variant: small-caps; 
    letter-spacing: 2px;
}
.category-item[data-category="AexSin-"]:hover{
    /* color: #0b1132; */
    background-position: 10% 10%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    transform: translateX(1px);
}

.category-item[data-category="Evil"]{
    color: rgb(197, 216, 220);
        background-color: white;
        background-image: url(https://pbs.twimg.com/media/HLrbDUmWgAAprTf?format=jpg&name=medium);
        background-size: 140px;
        background-position: 10% 20%;
    /* border-left: 4px solid #a7a7a7; */
    text-shadow: 1px 1px 2px #a8a8a8;
    font-family: "Cinzel", serif;
    font-variant: small-caps; 
    letter-spacing: 2px;
}
.category-item[data-category="Evil"]:hover{
    /* color: #0b1132; */
    background-position: 10% 10%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    transform: translateX(1px);
}

.category-item[data-category="pedagogy"]{
    color: rgb(255, 255, 255);
        background-color: white;
        background-image: url(../../../../Assets/Graphics/Pictures/Common/masato\ nakagawa\,\ buckminster\ fuller\'s\ dome\,\ demonstration\ of\ plastic\ skin.\ black\ mountain\ college\,\ summer\ 1949\ \(courtesy\ of\ the\ state\ archives\ of\ north\ carolina\).jpg);
        background-size: 140px;
        background-position: 10% 60%;
    /* border-left: 4px solid #a7a7a7; */
    text-shadow: 1px 1px 2px #a8a8a8;
    font-family: "Cinzel", serif;
    font-variant: small-caps; 
    letter-spacing: 2px;
}
.category-item[data-category="pedagogy"]:hover{
    color: #0b1132;
    background-position: 10% 10%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    transform: translateX(1px);
}

/* .category-item[data-category="Math"]{
    border-left: 4px solid #b9b9b9;
    font-family: "Cinzel", serif;
} */


/* .category-item[data-category="{Computer Science}"] {
    color: #a2a2a2;
    font-family: "Silkscreen", sans-serif;
    border-left: 4px solid #bdcac7;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-size: 9px;
}
.category-item[data-category="{Computer Science}"]:hover {
    color: #8b8b8b;
} */


.category-item[data-category="--"]{
    background-color: maroon;
    /* background-color: red; */
}