.txt { color: #fff; font-family: Helvetica,"Helvetica Neue",Arial,"Lucida Grande",sans-serif; position: absolute; top: 50%; left: 0; right: 0; text-align: center; z-index: 1; } a:hover { letter-spacing: 2px; transition: .5s } #bld:hover { letter-spacing: 4px; } a { transition: .5s; text-decoration: none; color: #fff; } #vid { position: fixed; min-width: 100%; min-height: 100%; opacity: 1; width: auto; height: auto; z-index: -100; transform: translateX(-50%) translateY(-50%); background-size: cover; overflow: hidden; -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px); background: rgba(7, 9, 21, .5); filter: brightness(42.5%); top: 50%; left: 50% } /* Loader */ .loader-wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: black; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; } .loader { width: 100px; height: 100px; display: inline-table; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; border-spacing: 0.3em; } .loader row { display: table-row; } .loader row span { display: table-cell; position: relative; background: #1d1f20; opacity: 0; -webkit-animation: flicker 0.5985999999999999s ease-out infinite alternate; animation: flicker 0.5985999999999999s ease-out infinite alternate; /* Added standard property to fix compatbiliy issues */ } @-webkit-keyframes flicker { from, 20% { opacity: 0; } 100%, to { opacity: 1; } } @keyframes flicker { /* Added standard property to fix compatbiliy issues */ from, 20% { opacity: 0; } 100%, to { opacity: 1; } } .loader row:nth-child(1) span:nth-child(1) { -webkit-animation-delay: .50s; animation-delay: .50s; } /* Added standard property to fix compatbiliy issues */ .loader row:nth-child(1) span:nth-child(2) { -webkit-animation-delay: .70s; animation-delay: .70s; } .loader row:nth-child(1) span:nth-child(3) { -webkit-animation-delay: .60s; animation-delay: .60s; } .loader row:nth-child(2) span:nth-child(1) { -webkit-animation-delay: .20s; animation-delay: .20s; } .loader row:nth-child(2) span:nth-child(2) { -webkit-animation-delay: .80s; animation-delay: .80s; } .loader row:nth-child(2) span:nth-child(3) { -webkit-animation-delay: .90s; animation-delay: .90s; } .loader row:nth-child(3) span:nth-child(1) { -webkit-animation-delay: .10s; animation-delay: .10s; } .loader row:nth-child(3) span:nth-child(2) { -webkit-animation-delay: .30s; animation-delay: .30s; } .loader row:nth-child(3) span:nth-child(3) { -webkit-animation-delay: .40s; animation-delay: .40s; }