@import url("variables.css");

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family:var(--font-family);

    background:var(--color-background);

    color:var(--text-primary);

    min-height:100vh;

    overflow-x:hidden;

    position:relative;

}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background:
        radial-gradient(circle at top left,
            rgba(123,47,247,.15),
            transparent 40%),
        radial-gradient(circle at bottom right,
            rgba(0,180,255,.10),
            transparent 40%);
    
    z-index: -1;
}

            

a{

    color:inherit;

    text-decoration:none;

}

button{

    font-family:inherit;

    border:none;

    cursor:pointer;

}

input,
textarea{

    font-family:inherit;

    outline:none;

}

img{

    max-width:100%;

    display:block;

}