*{margin:0 -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,html{text-align:center;font-family:roboto,Calibri,Arial,sans-serif;overflow:hidden;height:100%;width:100%}h1{color:#f6f8fa;font-size:6vw}h2{color:#f6f8fa;font-size:3vw}.text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-99;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:opacity 1s linear,all 500ms ease;opacity:1}.background:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to bottom right,#396afc,#2948ff);background-image:-webkit-linear-gradient(to top,#396afc,#2948ff);opacity:.6}@media(min-aspect-ratio:16/9){.foreground{height:300%;top:-100%}}