.indexHeaderTitle {
    font-family: 'Sayyeda';
    font-size: 135px;
    /* color: #000000; */
    background: #0022FF;
    background: linear-gradient(to bottom, #04070c 0%, #17567db5 50%, #04070c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* text-shadow: -4px 1px 0px #6d6a2f; */
    z-index: 5;
    position: relative;
    filter: drop-shadow(-3px 0px #5d5b30);
    margin-left: 4px;
    letter-spacing: 2px;
}

.indexHeaderTitle2 {
    font-family: 'Sayyeda';
    font-size: 128px;
    /* color: #000000; */
    background: #0022FF;
    background: linear-gradient(to bottom, #04070c 0%, #17567db5 50%, #04070c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* text-shadow: -4px 1px 0px #6d6a2f; */
    z-index: 5;
    position: relative;
    filter: drop-shadow(-3px 0px #5d5b30);
    margin-top: -86px;
    letter-spacing: 2px;
}

.indexHeaderTitleO {
    position: absolute;
    font-family: 'Sayyeda';
    font-size: 298px;
    margin: -60px 0px 0px -206px;
    transform: rotate(337deg);
    opacity: 0.4;
    color: #7f6d24;
}

.indexHeaderTitleO2 {
    position: absolute;
    font-family: 'Sayyeda';
    font-size: 298px;
    margin: -342px 0px 0px 362px;
    transform: rotate(21deg);
    opacity: 0.4;
    color: #7f6d24;
}