@font-face {
    font-family: "Alpmagi";
    src: url("../assets/fonts/ALPMAGI.TTF");
}
@font-face {
    font-family: "ar-ciela";
    src: url("../assets/fonts/ar-ciela.ttf");
}
@font-face {
    font-family: "Barazhad";
    src: url("../assets/fonts/Barazhad.otf");
}
@font-face {
    font-family: "Davek";
    src: url("../assets/fonts/Davek.otf");
}
@font-face {
    font-family: "Dovahkiin";
    src: url("../assets/fonts/Dovahkiin.otf");
}
@font-face {
    font-family: "Dungeon";
    src: url("../assets/fonts/DUNGRG.TTF");
}
@font-face {
    font-family: "hymmnos";
    src: url("../assets/fonts/hymmnos.ttf");
}
@font-face {
    font-family: "iokharic";
    src: url("../assets/fonts/iokharic.otf");
}
@font-face {
    font-family: "Rellanic";
    src: url("../assets/fonts/Rellanic.otf");
}

@font-face {
    font-family: "Celtic";
    src: url("../assets/fonts/Celtic.ttf");
}

@font-face {
    font-family: "theshire";
    src: url("../assets/fonts/theshire.ttf");
}


.nunito {
    font-family: 'nunito', font-sans;
}

.border-b-1 {
    border-bottom-width: 1px;
}

.border-l-1 {
    border-left-width: 1px;
}

hover\:border-none:hover {
    border-style: none;
}

#sidebar {
    transition: ease-in-out all .1s;
}

#sidebar span {
    opacity: 0;
    position: absolute;
    transition: ease-in-out all .1s;
}

#sidebar:hover {
    width: 150px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /*shadow-2xl*/
}

#sidebar:hover span {
    opacity: 1;
}

.h-128 {
    max-height: 32rem;
}

span > svg {
    display: inline;
}

.rotated-cw-90 > * {
    -webkit-transform: rotate(-90deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(-90deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(-90deg);  /* IE 9 */
    -o-transform: rotate(-90deg);  /* Opera 10.50-12.00 */
    transform: rotate(-90deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
}

.max-h-90 {
    max-height: 90%;
}
.top-50 {
    top: 50px;
}


/**
 * Fancy texter styles
 */

.fancy {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.fairy {
    background-image: url("../assets/textures/fairy.jpg");
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.paper {
    background-image: url("../assets/textures/paper.jpg");
    filter: brightness(75%);
}
.paper span {
    font-style: italic;
}
.table {
    background-image: url("../assets/textures/table.jpg");
}
.table span {
    color: transparent;
    background: black;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    text-shadow: 0px 3px 3px rgba(255,255,255,0.5);
}
.bark {
    background-image: url("../assets/textures/bark.jpg");
}
.stone {
    background-image: url("../assets/textures/stone.jpg");
    filter: brightness(75%);
}
.bark span,
.stone span {
    color: transparent;
    background: bisque;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    font-size: 125%;
    background-clip: text;
    text-shadow: 0px 3px 3px rgba(255,255,255,0.5);
    letter-spacing: 0.2em;
}
.stone span {
    color: antiquewhite;
}
.wall {
    background-image: url("../assets/textures/wall.jpg");
    color: white;
}
.marble {
    background-image: url("../assets/textures/marble.jpg");
}