body{
    background: #0051aa;
}
.loader-layout{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #0051aa;
    z-index: 99999;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;

}
.loader-layout .loader{
    position: relative;
    font-size: 2em;
    background: #0051aa;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .5em;
    padding: 10px;
}
.loader-layout .loader span{
    color: #0051aa;
    mix-blend-mode: difference;

}
.loader-layout .loader:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 100%;
    background: #fff;
    animation: animate 3s linear infinite;
}
@keyframes animate{
    0%{
        left: 0;
    }
    50%{
        left: calc(100% - 80px);
    }
    100%{
        left: 0;
    }
} 
nav#header{
    background: #fff;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.top-image{
    background-size: cover;
    height: auto;
    width: 100%;
    position: relative;
    z-index: -1;
}
.mt-20{
    padding-top: 200px;
}