/* title.css */

#title-area {
    xborder:1px solid grey;
    xvisibility: hidden;
    xwidth:100vw;
    height: 100%;
    xwidth:100vw;
    xmargin:auto;
    xpadding:0px;
    xmargin: 5px 0px 30px 30px;
    xdisplay: inline-flex;
	justify-content: center;
	align-items: left;
    xmargin: 0px 50% 0px 50%;
}

#title-image {
    xborder:1px solid red;
    xwidth:50px;
    width:50px;
    height:100%;
    aspect-ratio: 1/1;
    xpadding:5px;

    display: flex;
	justify-content: center;
	align-items: center;
}

#title-image > img {
    xborder:1px solid lime;

    xborder: 2px solid black; /* 1db954 */

    xwidth:50px;
    xwidth:90%;
    height:60%;
    aspect-ratio: 1/1;

    xborder-radius: 2px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    ximage-rendering:pixelated;
}

#title {
    xborder:1px solid grey;
    margin-left:0px;
    color: #5a5a5a;

    /* red:9b1707, lightred:b31a09, green:1db954 */
    color:#1db954; 
    font-size:3em;
    font-size:2em;
    padding: 5px;
   
    text-shadow:1px 1px 1px rgba(0,0,0,0.9);

    xfont-family: Big Noodle Titling Oblique, Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
    xfont-family:consolas, monospace;

    font-weight:300;
}