/*
  Colors for ITJB Are :
   - green  : rgb(0,121,0)
   - yellow : rgb(255,254,0)
*/
* {
    box-sizing: border-box;
}

body
{
 margin: 0px;
}
.main-container
{
    width: 100%;
    display: block;
}

.main-container .main-title
{
    z-index: 1;
    position:fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: fit-content;
    display: inline-block;
}

.main-container .main-title .main-title-imglogo
{
    width: 9vw;
    height: auto;
    display: inline-block;
    background-color: white;
    box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.35), 8px 0px 5px rgba(0, 0, 0, 0.35);
    
}

.main-container .main-title .main-title-imglogo img
{
    width: 90%;
    height: auto;
    display: inline-block;
}

.main-container .main-title .main-title-headcont
{
    width: 88.6vw;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    background-image: linear-gradient(rgb(255,254,0) 0%, rgb(255,254,0,0.7) 30%, rgba(0,121,0, 0.1) 100%);
}
.main-container .main-title .main-title-headcont h1
{
    width: 100%;
    font-size: larger;

    display: block;
    text-align: center;
    margin-block-start: 0px;
    margin-block-end:   0.3em;
    font-weight: bolder;
    text-shadow: 1px 1px black;
    color: rgb(9, 77, 0);
}

.main-container .main-title .main-title-headcont p
{
    width: 100%;
    margin-block-start: 0px;
    margin-block-end:   0.3em;
    text-align: center;
    font-size: large;
    font-family:RobotoCondensed-Regular;
    font-weight: bolder;
    color: rgb(9, 77, 0);
    text-shadow: 1px 1px black;
}