/* CSS Document */

/* whole background */
body {
    background-color:#3571a0;
    background-image: linear-gradient(-135deg, #469663, #3571a0); background-attachment: fixed; background-repeat: no-repeat;
    -webkit-user-select:none; -moz-user-select:none; user-select:none; 
}



/* title */
.titleBarBgd { 
    background-color: rgba(255,255,255,0.7); 
    padding-top: 3em !important;
}
h1 {
    font-family:"Julius Sans One"; color:#366; 
}
.subtitle {color:#366; }
.logoImg {
    width: 16%; height: auto; max-width: 120px; border: solid 1px #ffffff;
}




/* menu */
.menuContainer { 
    background-color: rgba(255,255,255,1); 
    color:#366; 
    margin-top: -4.5rem;
}

h5 {
    font-family:"Archivo Narrow"; 
}
li { 
    cursor: pointer;
}
.menuImg {
    width: 30%; height: auto; max-width: 200px; 
    margin-top: -100px;
}





/* content */
h2 {
    font-family:"Archivo Narrow"; color:#366;
}

.contentBox {
    background-color: rgba(255,255,255,1); 
    font-family:"Quando";
    margin-top: -4rem;
}

.legend {
    line-height: 2rem; 
    font-weight: bold;
}

video {
    max-width: 480px; width: 95%; height: auto;
    background-color: black;
}

video:focus { outline: none !important; }

i {margin-right: 10px;}

img {
    max-width: 95%;
}