*{box-sizing:border-box;margin:0;padding:0}html,body{background:#fff;position:relative}body:after{content:"";pointer-events:none;z-index:999999;opacity:.12;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23a)' opacity='0.5'/%3E%3C/svg%3E");background-size:150px 150px;width:100vw;height:100vh;position:fixed;top:0;left:0}.grain-light{position:relative}.grain-light:before{content:"";pointer-events:none;z-index:1;opacity:.15;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='light'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23light)' opacity='0.5'/%3E%3C/svg%3E");background-size:150px 150px;width:100%;height:100%;position:absolute;top:0;left:0}.grain-medium{position:relative}.grain-medium:before{content:"";pointer-events:none;z-index:1;opacity:.2;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='medium'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23medium)' opacity='0.5'/%3E%3C/svg%3E");background-size:150px 150px;width:100%;height:100%;position:absolute;top:0;left:0}.grain-dark{position:relative}.grain-dark:before{content:"";pointer-events:none;z-index:1;opacity:.25;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='dark'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='4'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23dark)' opacity='0.5'/%3E%3C/svg%3E");background-size:150px 150px;width:100%;height:100%;position:absolute;top:0;left:0}