.bg{z-index:-1;filter:brightness(.8);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:fixed}
.dot{z-index:1;background-color:red;border-radius:50%;outline:2px solid #fff;width:20px;height:20px}.line{position:relative}.line:before{content:"";background:#fff;border-top:5px solid #fff;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.vertical-line{height:100%;position:relative}.vertical-line:before{content:"";border-left:5px solid #fff;height:100%;position:absolute;top:0;left:10px;transform:translate(-50%)}.dot-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.vert-line{width:2px}.dot-container p{margin-top:4px}.bubble{text-shadow:4px 4px #c44929}