@font-face {
    font-family: "RedHatDisplay";
    src: url("../fonts/RedHatDisplay-variable.ttf");
}
:root {
    --firstColor: #008cef;
}
html{
    background: url("../img/html_back.jpg");
    background-size: cover;
    font-family:'RedHatDisplay';
}
body{
    margin:0;
    padding:0;
    min-height: 100vh;
    background: repeat url("../img/back_body.png");
    background-size:cover;
    background-position-y: top;
    display:flex;
    justify-content: center;
    align-items: center;


	
	/* background:transparent radial-gradient(at calc(var(--mouse-x, 0) * 100%) calc(var(--mouse-y, 0) * 100%), var(--firstColor), #fff) no-repeat 0 0; */

    animation: 70s back_burble infinite;
}

@keyframes back_burble{
    to{background-position-y: bottom;}
}