/* Default colors and sizes */
body {
    cursor: crosshair;
    background-color: #00001f;
    color: white;
	font-family: 'Antic', sans-serif;
    font-size: 18pt;
	line-height: 1.25;
    margin: 5%;
    text-indent: 5mm;
    text-align: justify;
    text-justify: inter-word;
}

.clsAchieved {
    font-style: italic
}

.firstP {
    text-indent: 2mm
}

/* Hyperlinks: default */
a:link, a:visited {
    font-weight: bold;
    color: cyan;
    text-decoration: none;
}

a:hover {
    color:darkcyan;
    text-decoration: none;
    text-shadow: 0 1px gray;
}

/* Hyperlinks: movement */
a.clsLinkMov:link, a.clsLinkMov:visited {
    font-weight: bold;
    color: gold;
    text-decoration: none;
}

a.clsLinkMov:hover {
    color: #faf0be;
    text-decoration: none;
}

/* Hyperlinks: object actions */
a.clsLinkObj:link, a.clsLinkObj:visited {
    font-weight: bold;
    color: #1e90ff;
    text-decoration: none;
}

a.clsLinkObj:hover {
    color: skyblue;
    text-decoration: none;
}

/* Hyperlinks: pnj actions */
a.clsLinkPnj:link, a.clsLinkPnj:visited {
    font-weight: bold;
    color: #ba55d3;
    text-decoration: none
}

a.clsLinkPnj:hover {
    color: #dda0dd;
    text-decoration: none;
}

/* Intro div, before game */
#dvIntro {
    font-size: 16pt;
    text-align: center;
    display: block;
}

#dvIntro img {
    border-radius: 25px;
}

#hrIntroSeparator {
    color: blue;
    background-color: white;
    height: 3px;
    border: 0
}

#btBoot {
    color: red;
    font-weight: bold
}

/* Game title */
#dvTitle {
    width: 70%;
    margin-left: 10%;
    margin-right: 5%;
    font-size: 20pt;
    color: #ff8c00
}

@media screen and (max-width: 1024px) {
    #dvTop {
        display: none !important;
    }
    #dvPic img, #dvIntro img {
        width: 100%;
        max-width: 300px;
        max-height: 300px
    }
    #dvDesc {
        font-size: 22pt
    }
}

/* Game div */
#dvFi {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    display: none
}

#hrFiSeparator {
    color: black;
    background-color: white;
    height: 3px;
    border: 0
}

/* Name of the room */
#dvId {
    width: 100%;
    margin-left: 5%;
    margin-right: 10%;
    color: #f5c71a;
    font-style: italic;
    font-weight: bold
}

/* Image */
#dvPic {
    width: 100%;
    height: 40%;
    text-align: center
}

#dvPic img {
    border-radius: 25px;
    max-width: 100%;
    width: auto
}

/* Description text for current room */
#dvDesc  {
    color: lightseagreen;
    width: 100%;
    font-size: 20pt;
    text-align: justify
}

/* Game's answer text */
#dvAnswer {
    width:100%;
}

/* Input section, prompt, icons... */
#dvInput {
    color: white;
    background-color: black;
    width: 100%;
    height: 10%;
    font-size:16pt;
    display: none
}

#edInput{
    width: 90%;
    color: khaki;
    background-color: black;
    border: none;
    border: 1px dotted gray;
    border-radius: 10px;
    font-family: monospace;
    font-size: 14pt;
    padding: 6px
}

/* Error section, this is normally not seen by players */
#dvError {
    color: white;
    background-color: red;
    width: 100%;
    height: 10%;
    font-size: 24pt;
}

#dvObjects {
    font-family: monospace;
    font-size: 18pt;
    text-align: center;
    color: white;
    display: none
}

#dvActions {
    cursor: crosshair;
    display: none
}