/* main css file */

html {
    height: 100%;
}

body {
    min-height: 100%;
}

.container1 {
    min-height: 100%;
    display: grid;
    grid-template-columns:  1fr 4fr 1fr;
    grid-template-rows: 1fr 2fr 1fr;
    background-color: #23291f;
    padding: 0%;
    gap: 0% 0%;
    align-content: center;
    margin: auto;
    color: #ffffff;
    font-size: 100%;
}

.container1 > div {
    background-color: ;
    /*border: thin solid lime;*/
    padding: 0%;
    font-size: 100%;
    text-align: center;
    
}

.item5 > p {
    font-family: Mona Sans, Verdana, Arial, Sans-serif;
    color: #edff95;
    font-size: 10vw;
    text-transform: uppercase;
    /*border: solid 1px lime;*/
    margin: 0%;
    padding: 0%;
    white-space: pre;
}

.container2 {
    min-height: 100%;
    display: grid;
    grid-template-columns:  1fr 4fr 1fr;
    grid-template-rows: 1fr 2fr 1fr;
    background-color: #000000;
    padding: 0%;
    gap: 0% 0%;
    align-content: center;
    margin: auto;
}

.container2 > div {
    background-color: ;
   /* border: thin solid lime;*/
    padding: 0%;
    font-size: 100%;
    text-align: center;
    color: #ffffff;
}

.item14 > p {
    font-family: Mona Sans, Verdana, Arial, Sans-serif;
    color: #ffffff;
    font-size: 3vw;
    text-transform: ;
    text-align: left;
   /* border: solid 1px lime;*/
    margin: 0%;
    padding: 0%;
    white-space: pre;
}

.item18 > p {
    color: #ffffff;
    padding: 80% 0% 0% 0%;
    text-align: right;
    font-size: 0.5vw;
}

#overlay {
    position: relative ;
    display:block;
    width: 100%;
    height: 100%;
    top: -30%;
    left: 16%;
    background-color: rgba(0,0,0,0,5);
}
#overlay img {
    width: 7vw;
    height: 7vw;
}