body.intro{background:#cab695}body.intro #backgroundBack{z-index:11;width:35vmin;height:30vmin;transform:translate(50vw,50vh) translate(-11.5vmin,-25vmin);pointer-events:none}body.intro header{width:45vmin;height:30vmin;position:absolute;left:calc(50vw - 22.5vmin);top:calc(50vh - 15vmin)}body.intro nav{background:transparent!important;padding:0}body.intro nav .navbar-brand{display:inline-block;padding:0;margin:0}body.intro nav .navbar-toggler,body.intro nav .navbar-collapse{display:none!important}body.intro nav a:focus,body.intro nav a:active{outline:none}body.intro #logo{text-align:center;width:45vmin;height:30vmin;border:1vmin solid #fff9e9;border-radius:3vmin;font-size:6vmin;overflow:visible;cursor:pointer;animation:introBorder 1s ease;transition:box-shadow 1s}body.intro #logo:hover,body.intro #logo:active,body.intro #logo:focus{box-shadow:0 0 5rem #fff,inset 0 0 3rem #fff;outline:none}body.intro #logo:active,body.intro #logo:focus{border-color:#fff;outline:none}body.intro #logo svg{z-index:10;width:35vmin;height:30vmin;position:absolute;top:-10vmin;left:11vmin;fill:#fff;transform:scale(0)}body.intro #logo.intro svg{animation:introLogo .6s ease forwards,introLogoColor 2s ease forwards}body.intro #logo .title{margin:19vmin 0 0;display:inline-block;text-shadow:0 0 8px #fff}body.intro #logo .title span{display:inline-block;line-height:1;opacity:0;animation:introFadeIn .6s ease forwards}body.intro #logo .title span:nth-child(1){animation-delay:.5s}body.intro #logo .title span:nth-child(2){animation-delay:.55s}body.intro #logo .title span:nth-child(3){animation-delay:.6s}body.intro #logo .title span:nth-child(4){animation-delay:.65s}body.intro #logo .title span:nth-child(5){animation-delay:.7s}body.intro #logo .title span:nth-child(6){animation-delay:.75s}body.intro #logo .title span:nth-child(7){animation-delay:.8s}body.intro #logo .title span:nth-child(8){animation-delay:.85s}body.intro #logo .title span:nth-child(9){animation-delay:.9s}body.intro #logo .title span:nth-child(10){animation-delay:.95s}body.intro #logo .title span:nth-child(11){animation-delay:1s}body.intro #logo .title span:nth-child(12){animation-delay:1.05s}@keyframes introFadeIn{0%{transform:scale(2,3);opacity:0;filter:blur(3px)}to{transform:scale(1);opacity:1;filter:none}}@keyframes introBorder{0%{border-color:transparent;box-shadow:0 0 10vmin 100px transparent}to{border-color:#fff9e9;box-shadow:0 0 #fff9e9}}@keyframes introLogoColor{0%{fill:#fff}to{fill:#112}}@keyframes introLogo{0%{transform:scale(0)}20%{transform:scaleY(.2)}40%{transform:scale(.8,.3)}60%{transform:scaleY(.4)}to{transform:scale(1)}}body.intro.transition{animation:introBackground 1.5s 1.5s ease forwards;overflow:hidden}body.intro.transition #backgroundBack{animation:introBackgroundCanvas 3s ease forwards}body.intro.transition header{transition:all 3s;left:0;top:0;width:100%;height:4rem}body.intro.transition #logo{transition:all .75s;border:none!important;box-shadow:none!important;left:0;top:0}body.intro.transition #logo svg{transition:all 3s;left:16px;top:16px;width:1.7rem;height:1.7rem}body.intro.transition #logo svg path{fill:transparent}body.intro.transition #logo .title{animation:introFadeOut .75s ease forwards}@keyframes introBackground{0%{background:#cab695}to{background:#112}}@keyframes introFadeOut{0%{opacity:1;filter:none}to{opacity:0;font-size:0}}@keyframes introBackgroundCanvas{to{z-index:auto;transform:translate(0);width:100vw;height:100vh}}body.headerIntro nav{animation:introNavbar 1s ease forwards}@keyframes introNavbar{0%{background-color:transparent;color:transparent}to{background-color:#007bff;color:inherit}}