.defaultScreenWrapper {
    background: linear-gradient(320deg, rgba(52,190,237,1) 0%, rgba(52,190,237,1) 14%, rgba(0,103,178,1) 26%);
    background-size: 250% 250%;
    -webkit-animation: AnimationName 90s ease infinite;
    -moz-animation: AnimationName 90s ease infinite;
    animation: AnimationName 90s ease infinite;
    margin: 0;
    height: 100vh;
}

.defaultScreenMessageWrapper{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 25%;
    align-items: center;
    left: 0;
    right: 0;
    margin: auto;
}

.defaultScreenTitleWrapper{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 40.5%;
    align-items: center;
    left: 0;
    right: 0;
    margin: auto;
}

.defaultScreenTitle{
    color: white;
    margin: 0;
    font-family: 'Calibri', sans-serif !important;
}

.defaultScreenImage {
    width: 300px;
    aspect-ratio: 3.3;
    position: absolute;
    bottom: 2.5%;
    right: 2.5%
}

.defaultScreenHexagon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    position: relative;
    top: 40.5%;
    transform: translateY(-37.5%);
}

 .defaultScreenHexagon_InnerWrapper {
        width: 105px;
}

.defaultScreenHexagon_InnerWrapperBorder {
            background: white;
            clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
            height: 110px; /*defaultScreenHexagonItem height + 2*border size*/
            width: 95px; /*defaultScreenHexagonItem width + 2*border size*/
            display: flex;
                align-items: center;
                justify-content: center;
}

.defaultScreenHexagonItem {
              width: 40px;
              height: 45px;
              vertical-align: top;
              flex: 0;
              padding: 4px;
              text-align: center;
              background-color: white;
              background-size: contain;
              clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
              margin: 7px auto 0;
}

.defaultScreenHexagonItemIcon {
                    color: #555960 !important;
                    font-size: 2.7rem !important;
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
}

.defaultScreenMessageDivider {
    display: flex;
    justify-content: center;
    align-items: center;
}

  .defaultScreenMessageDivider::before,
    .defaultScreenMessageDivider::after {
        content: "";
        display: block;
        height: 0.12em;
        min-width: 30vw;
    }

    .defaultScreenMessageDivider::before {
        background: linear-gradient(to right, rgba(240, 240, 240, 0), #F8F8F8);
    }

    .defaultScreenMessageDivider::after {
        background: linear-gradient(to left, rgba(240, 240, 240, 0), #F8F8F8);
    }