*{box-sizing:border-box;padding:0;margin:0}html{font-size:20px}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(135deg,#fef5e7,#fdebd0 50%,#fef0e1);background-image:radial-gradient(circle at 15% 25%,rgba(255,240,220,.4) 0,transparent 40%),radial-gradient(circle at 85% 75%,rgba(255,235,205,.4) 0,transparent 40%),radial-gradient(circle at 50% 10%,rgba(255,245,230,.3) 0,transparent 35%),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,240,220,.03) 0,rgba(255,240,220,.03) 4px),radial-gradient(ellipse at 70% 30%,rgba(255,230,200,.2) 0,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(255,235,210,.2) 0,transparent 50%);background-size:100% 100%,100% 100%,100% 100%,40px 40px,100% 100%,100% 100%;background-position:0 0,0 0,0 0,0 0,0 0,0 0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;line-height:1.7;overflow:hidden;position:relative}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 20%,rgba(255,240,220,.2) 1.5px,transparent 0),radial-gradient(circle at 75% 30%,rgba(255,235,210,.2) 1.5px,transparent 0),radial-gradient(circle at 50% 80%,rgba(255,230,200,.2) 1.5px,transparent 0),radial-gradient(circle at 15% 60%,rgba(255,245,230,.15) 2px,transparent 0),radial-gradient(circle at 85% 70%,rgba(255,240,220,.15) 2px,transparent 0);background-size:200px 200px,180px 180px,220px 220px,150px 150px,160px 160px;background-position:0 0,100px 50px,50px 100px,25px 75px,125px 125px;pointer-events:none;opacity:.4}@media (max-width:640px){html{font-size:20px}body{padding:.75rem}}