body{


    font-family:"Vazirmatn",sans-serif;


    background:

    linear-gradient(

        180deg,

        var(--bg-blue),

        var(--bg-dark)

    );


    color:var(--text);


    min-height:100vh;



}



.background{


    position:fixed;


    inset:0;


    overflow:hidden;


    z-index:-1;


}





.glow{


    position:absolute;


    border-radius:50%;


    filter:blur(80px);


}



.glow-one{


    width:500px;


    height:500px;


    background:

    rgba(58,134,255,.35);



    top:-200px;


    right:-150px;



}



.glow-two{


    width:400px;


    height:400px;


    background:

    rgba(255,209,102,.18);



    bottom:-150px;


    left:-100px;



}





.stars{


    width:100%;


    height:100%;


    background-image:

    radial-gradient(

        white 1px,

        transparent 1px

    );


    background-size:

    45px 45px;


    opacity:.25;



}





main{


    width:min(1200px,90%);


    margin:auto;


}