/* 2021.05 */

* { margin: 0; padding: 0; border: 0; box-sizing: border-box; outline : none; }
body { background: #efefef; color: #282828; display: grid; place-items: center; min-height: 100vh; width: 100vw; }
header { position: relative; height: 50vh; width: 50vh; max-height: 90vw; max-width: 90vw; overflow: hidden; }
h1 img { width: 100%; height: auto; }

body {
background-size: 100% 100%;
background-position: 0px 0px,0px 0px,0px 0px,0px 0px;
background-image: radial-gradient(115% 90% at 15% -5%, rgba(155, 140, 210, 1) 1%, rgba(155, 140, 210, 0.2) 99%),
                  radial-gradient(140% 90% at 85% 5%, rgba(240, 150, 130, 1) 1%, rgba(240, 150, 130, 0.2) 99%),
                  radial-gradient(140% 90% at -5% 75%, rgba(160, 150, 200, 1) 1%, rgba(160, 150, 200, 0.2) 99%),
                  radial-gradient(140% 90% at 100% 100%, rgba(255, 112, 0, 0) 0%, rgba(255, 112, 0, 1) 100%);
}