/********** Reset **********/

* {border:0px; margin:0px; padding:0px; border-collapse:collapse; border-spacing:0px; box-sizing:border-box; font-family:'Yantramanav',sans-serif; transition-duration:0.2s;}
html, body {height: 100%;}

/********** Animations **********/

/********** Fonts **********/

/********** Style **********/

*::selection {background: #ff0080; color: black;}

body {
    background: radial-gradient(farthest-corner at 50% 100%, #ff008010 0%, #00000020 100%),
                radial-gradient(farthest-corner at 50% 0%, #80654020 0%, #00000020 100%),
                url(grid.png) center center;
    display: flex;
    align-items: center;
    justify-content: center;
}

canvas {
    position:absolute;
    width:100%;
    height:100%;

    z-index: -100;
}

header {
    width: 560px;
    max-width: 100%;
    height: 80px;
    background: #00000040;
    border: solid 1px #00000080;
    display: flex;
    align-items: center;
    justify-content: center;
}

h1 {
    text-align: center;
    color: #ffe080;
    font-size: 1.5em;
    font-weight: 100;
    padding-left: 11px;
    letter-spacing: 11px;
}