html, body {
    min-height: 100%;
}

html{
    background: url('/img/srw2.png') repeat center center / 600px fixed !important;
    background-color:#070a12 !important;
    position: relative;
}

html::before{
    content:"";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(900px 520px at 12% 8%, rgba(61,126,185,.18), transparent 60%),
        radial-gradient(900px 520px at 90% 10%, rgba(7,168,105,.15), transparent 60%),
        radial-gradient(800px 500px at 50% 120%, rgba(212,176,106,.10), transparent 55%),
        linear-gradient(to bottom, rgba(7,10,18,.78), rgba(7,10,18,.90));
    z-index: -1;
}

body{
    margin:0;
    font-family:'Cairo', sans-serif !important;
    background: transparent !important;
    color:#fff;
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

main{
    flex:1;
    width:100%;
}