body,html{margin:0;padding:0;box-sizing:border-box;width:100%;height:100%;background-color:#000;color:#fff;font-family:Poppins,Arial,sans-serif}.mainContent{background-color:indigo;padding:20px;border-radius:10px}*,:after,:before{box-sizing:inherit}::selection{background-color:rgba(255,248,116,.5);color:#000}h1,h2,h3,h4,h5,h6{font-weight:700;margin:0}h1,h2,h3,h4,h5,h6,p{font-family:Poppins,Arial,sans-serif}p{font-weight:400;line-height:1.6}a{font-family:Poppins,Arial,sans-serif;text-decoration:none;color:#ff007f;transition:color .3s ease}a:hover{color:#e60072}.page-transition{animation:pageEnter .32s ease both}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body.route-change .page-transition{pointer-events:none;filter:blur(1px);opacity:.6;transition:opacity .18s ease,filter .18s ease}body.route-change:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.04);pointer-events:none}