@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500");*{box-sizing:border-box}html{font-size:62.5%}body{font-size:1.6rem;background:black;color:white;font-family:'Poppins', sans-serif;display:flex;align-items:center;justify-content:center;margin:0}html,body{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100)}.container{overflow:hidden;position:relative;animation:fade-in-up 1s forwards 1;width:10em;max-width:400px;font-size:8vh}.container:after{content:'';display:block;padding-bottom:100%}.container .overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.container .overlay:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-image:url(../images/mask-square.png);background-image:linear-gradient(transparent, transparent),url(../images/mask-square.svg);background-position:center;background-repeat:no-repeat;background-size:contain}.container .overlay:after{content:'';display:block;background:white;top:0;left:0;width:100%;height:100%;opacity:.1;z-index:1}.container #video{position:absolute;top:50%;left:50%;width:300%;height:200%;transform:translate(-50%, -50%);filter:blur(5px);z-index:1}.message{position:fixed;bottom:0;left:0;width:100%;text-align:center;font-size:1.1rem;letter-spacing:0.3em;padding:2em 1em;z-index:100;animation:fade-in 1s forwards 1;animation-delay:1s;opacity:0}.message strong{letter-spacing:0.6em;font-weight:lighter;display:block;font-size:1.6rem;margin-bottom:0.5em}.message span{opacity:0.5;text-transform:uppercase;letter-spacing:0.2em}@keyframes fade-in-up{from{transform:translateY(1em);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}