@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap");*{position:relative;box-sizing:border-box;margin:0;padding:0}@import"https://fonts.googleapis.com/css2?family=Prata&display=swap";.iframely-embed{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;background:#fff}#app{z-index:100}#app:hover{opacity:.5}#app{grid-template-columns:1fr 2fr;align-items:center;padding-bottom:4vmin;height:90vh;width:100%;background:#ede8e2;color:#1d3557;font-weight:700}#app,body{display:grid}body{padding:3vmin;background:#e6ded7}.title{padding-left:1em;grid-column:1/-1;grid-row:1;font-family:Prata,serif;font-size:8vw;width:100%;z-index:2}.title>.title-inner{display:inline-block}@keyframes text-clip{0%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes outer-left{0%{transform:translateX(50%)}to{transform:none}}@keyframes inner-left{0%{transform:translateX(-50%)}to{transform:none}}.cafe,.mozart{animation:outer-left 1s cubic-bezier(.5,0,.1,1) 1s both}.title-inner{display:inline-block;animation:inner-left 1s ease 1s both}.cafe-inner{display:inline-block;animation:inner-left 1s ease 1s both,text-clip 1s cubic-bezier(.5,0,.1,1) 0s both}.mozart-inner{color:#000;font-size:85px;opacity:.8;font-style:italic;font-weight:200;animation:text-clip 1s cubic-bezier(.5,0,.1,1) 0s both}.title{animation:outer-left 1s ease 1s both}.cafe>.cafe-inner,.mozart{display:inline-block}.image{grid-row:1;grid-column:2;margin-left:-2rem;opacity:.7;animation:image-in 1s cubic-bezier(.5,0,.1,1) 2s backwards}@keyframes image-in{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.image img{display:block;width:100%;height:auto}body:active *{animation:none!important}