:root{--dark: rgb(20, 20, 20);--left-gradient: linear-gradient( 135deg, #020617 0%, #020617 40%, #111827 100% );--right-gradient: linear-gradient( 135deg, #fef3c7 0%, #fed7aa 45%, #f59e0b 100% )}body{background:radial-gradient(circle at 0 0,rgba(255,255,255,.18) 0,transparent 50%),radial-gradient(circle at 100% 0,rgba(255,255,255,.08) 0,transparent 55%),var(--left-gradient);margin:0}.side{display:grid;height:100vh;overflow:hidden;place-items:center;position:absolute;width:100%}.side .title{font-family:Montserrat,sans-serif;font-size:7vw;font-weight:800;margin:0px 10vw;width:80vw}.side .fancy{font-family:Permanent Marker,cursive;font-size:1.8em;line-height:.6em}#left-side{background:radial-gradient(circle at 0 0,rgba(255,255,255,.18) 0,transparent 50%),radial-gradient(circle at 100% 0,rgba(255,255,255,.08) 0,transparent 55%),var(--left-gradient);width:60%;z-index:2}#left-side .title{color:#fff}#left-side .fancy{color:#fbbf24}#right-side{background:radial-gradient(circle at 10% 0,rgba(255,255,255,.14) 0,transparent 55%),radial-gradient(circle at 90% 100%,rgba(0,0,0,.16) 0,transparent 60%),var(--right-gradient)}#right-side .title{color:var(--dark)}#right-side .fancy{color:#fff}