@import url("https://fonts.googleapis.com/css?family=Amatic+SC");*{margin:0;padding:0}html,body,.container{height:100%}.panels{display:-ms-flexbox;display:flex;min-height:100vh}.panels .panel{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center;-ms-flex-positive:1;flex-grow:1;background-position:center;background-size:cover;box-shadow:inset 0 0 0 5px rgba(255,255,255,0.1);transition:flex 0.7s cubic-bezier(0.35, -0.01, 1, -0.33);transition:flex 0.7s cubic-bezier(0.35, -0.01, 1, -0.33), -ms-flex 0.7s cubic-bezier(0.35, -0.01, 1, -0.33);overflow:hidden}.panels .panel .down-text,.panels .panel .top-text{font-size:3em;transition:all 0.3s cubic-bezier(0.35, -0.01, 1, 0.33) 0.7s}.panels .panel .top-text{transform:translateY(-200px)}.panels .panel .down-text{transform:translateY(200px)}.panels .panel .center-text{font-size:5em;transition:font-size 0.7s cubic-bezier(0.35, -0.01, 1, -0.33)}.panels .panel.active-panel{-ms-flex-positive:5;flex-grow:5}.panels .panel.active-panel .center-text{font-size:10em}.panels .panel.active-panel .down-text,.panels .panel.active-panel .top-text{font-size:5em}.panels .panel.active-panel .down-text{transform:translateY(0)}.panels .panel.active-panel .top-text{transform:translateY(0)}.panels .panel .text{font-family:'Amatic SC', cursive;font-weight:400;color:#fff;text-shadow:0 0 4px rgba(0,0,0,0.72),0 0 14px rgba(0,0,0,0.45);cursor:auto}.panels .panel .hidden{display:none}

/*# sourceMappingURL=css/style.css.map */