.bar{border:solid 1px black;text-wrap:wrap}.bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(.05rem);backdrop-filter:blur(.05rem);-webkit-mask-image:radial-gradient(circle at center,transparent 50rem,black 50rem);mask-image:radial-gradient(circle at center,transparent 45vh,black 45vh);pointer-events:none}.foo{text-shadow:0 0 2rem rgba(255,255,255,.9);-moz-text-shadow:0 0 2rem rgba(255,255,255,.9);-webkit-text-shadow:0 0 2rem rgba(255,255,255,.9);height:100%;width:100%;overflow:scroll;padding:1rem;background:#fff3;backdrop-filter:blur(.25rem);-webkit-backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 30px #0000001a}.foo ul,.foo ol{list-style:inside}.foo h2{font-size:1.75rem}.foo section:not(:first-child){margin-top:1rem}.foo a{color:#00f}