html{margin:0; padding:0; height:100%;}
body{margin:0; padding:0; height:100%;background-repeat:no-repeat; background-size:cover; background-position:center;}
#blocker{position:fixed; background-color:rgba(0,0,0,0.56); width:100%; height:100%; }
#wrapper{position:relative; z-index:2; display:flex; align-items:center; justify-content: center; height: 100%; color:white; font-family:calibri;}
#wrapper h1{transition:0.6s ease-out; font-size:4.5em; opacity:1; letter-spacing:2px;}
#wrapper h1.enlarge{font-size:15em; padding-bottom:1em; opacity:0.3;}
#wrapper p{visibility:hidden; text-align:right; border-right:3px solid transparent; animation: blinkTextCursor 600ms steps(44) infinite normal; }
#wrapper p.start{visibility:visible; }
#wrapper p.typed{visibility:visible; border-right:none;}
#wrapper h1::selection, #wrapper p::selection {background: white; color:black;}
@keyframes blinkTextCursor{from{border-right-color: rgba(255,255,255,.75);}to{border-right-color: transparent;}}