.btn-theme{display:block;position:absolute;right:10px;top:10px}.headerLogo{max-width:20px}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50;opacity:.7;margin-left:10px;text-decoration:none}#nav a.router-link-exact-active{opacity:1;color:#42b983}#nav a.router-link-exact-active:hover{text-decoration:none;cursor:default}#nav a:hover{opacity:1;text-decoration:underline}.message{display:block;position:absolute;bottom:10%;width:100%;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#opening{height:calc(100vh - 100px)}.background_container{height:200px}.background_container,.letters_container{display:block;position:relative;width:200px}.letters_container{height:133.3333333333px;margin-left:auto;margin-right:auto;left:12.6666666667px;top:50px}.red_block{background-color:#ec0000;display:block;position:absolute;opacity:0;width:100px;height:100px;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1.6s,.4s;animation-duration:1.6s,.4s}.red_block.lb{top:100px;-webkit-animation-name:show,toRoundLB;animation-name:show,toRoundLB}.red_block.lb,.red_block.lt{-webkit-animation-delay:.2s,2.9s;animation-delay:.2s,2.9s}.red_block.lt{-webkit-animation-name:show,toRoundLT;animation-name:show,toRoundLT}.red_block.rt{left:100px;-webkit-animation-name:show,toRoundRT;animation-name:show,toRoundRT;-webkit-animation-delay:.4s,2.9s;animation-delay:.4s,2.9s}.red_block.rb{left:100px;top:100px;-webkit-animation-name:show,toRoundRB;animation-name:show,toRoundRB;-webkit-animation-delay:.6s,2.9s;animation-delay:.6s,2.9s}.block{display:inline-block;width:33.3333333333px;height:66.6666666667px;margin-left:2px;opacity:0;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:#fff}.block.short{transform:translateY(-33.3333333333px);-webkit-animation-name:show,moveDown,toRound;animation-name:show,moveDown,toRound;-webkit-animation-duration:1.6s,.5s,.8s;animation-duration:1.6s,.5s,.8s;transition:.5s}.block.short:hover{height:200px;cursor:pointer}.block.m1{-webkit-animation-delay:1s,2.2s,2.9s;animation-delay:1s,2.2s,2.9s}.block.m2{-webkit-animation-delay:1.2s,2.2s,2.9s;animation-delay:1.2s,2.2s,2.9s}.block.m3{-webkit-animation-delay:1.4s,2.2s,2.9s;animation-delay:1.4s,2.2s,2.9s}.block.h1{height:100px;-webkit-animation-name:show,toRound;animation-name:show,toRound;-webkit-animation-duration:1.6s,.8s;animation-duration:1.6s,.8s;-webkit-animation-delay:1.6s,2.9s;animation-delay:1.6s,2.9s}.block.h2{-webkit-animation-delay:1.8s,2.2s,2.9s;animation-delay:1.8s,2.2s,2.9s}@-webkit-keyframes show{0%{opacity:0}to{opacity:1}}@keyframes show{0%{opacity:0}to{opacity:1}}@-webkit-keyframes moveDown{0%{transform:translateY(-33.3333333333px)}to{transform:translateY(0)}}@keyframes moveDown{0%{transform:translateY(-33.3333333333px)}to{transform:translateY(0)}}@-webkit-keyframes toRound{0%{border-radius:0}to{border-radius:33.3333333333px}}@keyframes toRound{0%{border-radius:0}to{border-radius:33.3333333333px}}@-webkit-keyframes toRoundLB{0%{border-radius:0}to{border-radius:0 0 0 100px}}@keyframes toRoundLB{0%{border-radius:0}to{border-radius:0 0 0 100px}}@-webkit-keyframes toRoundLT{0%{border-radius:0}to{border-radius:100px 0 0 0}}@keyframes toRoundLT{0%{border-radius:0}to{border-radius:100px 0 0 0}}@-webkit-keyframes toRoundRT{0%{border-radius:0}to{border-radius:0 100px 0 0}}@keyframes toRoundRT{0%{border-radius:0}to{border-radius:0 100px 0 0}}@-webkit-keyframes toRoundRB{0%{border-radius:0}to{border-radius:0 0 100px 0}}@keyframes toRoundRB{0%{border-radius:0}to{border-radius:0 0 100px 0}}