/* ------------ MY DEFS -------------- */
#infoPanel {
    float: left;
    display: grid;
    grid-template-rows: 200px 1fr;
    background-image: url(/jakarta.faces.resource/img/app/childrenCircle.svg.xhtml);
    background-repeat: no-repeat;
    background-position: right 46px bottom -87px;
    background-size: 116%;
    z-index: 1;
}

#welcomeTextId {
    font: normal normal bold 39px/42px Poppins-600-normal;
    color: #226473;
    padding: 0 0 0 79px;
    background-color: rgba(239, 231, 224, .75);
}

#chooseLevelTextId {
    font: normal normal 300 30px/37px Poppins-300-normal;
    color: #3A3A3A;
    padding: 10px 0 0 79px;
    background-color: rgba(239, 231, 224, .75);
}

#infoPanelMsgsContainerId > hr {
    background: linear-gradient(to right, rgba(255, 255, 255, .2), rgba(255, 255, 255, .3), white, rgba(255, 255, 255, .2), #EFE7E0);
    height: 2px;
    border: none;
    margin: 0;
}

#logoBigCircleId {
    height: 320px;
    width: 320px;
    background-color: #F9F4EF;
    opacity: .23;
    position: absolute;
    border-radius: 320px;
    top: -120px;
    left: -100px;
}

#logoSmallCircleId {
    height: 254px;
    width: 254px;
    background-color: #F9F4EF;
    opacity: .57;
    position: absolute;
    border-radius: 254px;
    top: -92px;
    left: -70px;
}