/* -------------------- FONTS -----------*/
@font-face {
  font-family: "Mina";
  src: url('fonts/Mina-Regular.ttf');
}

@font-face {
  font-family: "Gidolinya";
  src: url('fonts/Gidolinya-Regular.otf');
}


body{
    background:black;
    overflow-x:hidden;
    padding:0px;
}

p{
    color:white;
    font-family:'Gidolinya';
    display:inline-block;
    text-shadow: 0px 0px 2px rgb(192, 191, 191);
}

#titlebar{
    text-align: center;
}
#titlebar h3{
    margin:0 auto;
    margin-top:3%;
    font-size:1.5em;
    font-style: italic;
    font-family:'Mina', Courier, monospace;
    color:rgb(193, 255, 193);
    text-shadow: 0px 0px 4px rgba(43, 255, 43, 0.836);
}
#titlebar p{
    font-size:0.8em;
    margin:0 auto;
    text-shadow: 0px 0px 1px lime;

}
.toner{
    width:110%;
    height: 1px;
    margin-left:-5%;
    margin-top:20px;;
    background:rgb(193, 255, 193);
    box-shadow: 0px 0px 10px 1px rgba(43, 255, 43, 0.836);
}

#directory{
    max-width:400px;
    margin: 0 auto;
}

.entry{
    display:inline-block;
    margin-left:3%;
}

.tag{
    display:inline;
    font-size:0.8em;
    margin-left:2.5%;
    padding:2px 5px 2px 5px;
    border-radius:5px;
    background:rgb(71, 71, 71);
        box-shadow: 0px 0px 5px 1px rgba(3, 39, 3, 0.61);
}
.tag p{
    text-shadow:none;
}
.guide p{
    color:orange;
}
.culture p{
    color:rgb(51, 224, 51);
}

.exittest{
    width:100%;
    text-align:center;
}
.exittest p{
    font-size:0.7em;
    color:rgb(172, 112, 172);
    text-shadow:none;
}
.emptytext{
    color:grey;
    margin-left:37%;
    margin-top:10%;
    font-style:italic;
    text-shadow:none;
}