html,body,#root{width:100%;height:100vh}.demo{width:100%;height:100vh;margin:0}.demo__video{width:100%;height:100%;object-fit:cover}.demo__container{position:absolute;bottom:2%;left:50%;transform:translate(-50%);width:800px;max-width:90%}@media (max-width: 520px){.demo__container{width:90%;bottom:20px}}.demo__logo{position:absolute;top:2%;left:50%;transform:translate(-50%);width:170px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:100%}.demo a{position:absolute;top:-68px;left:50%;transform:translate(-50%)}.demo__instagram{width:50px}.demo p{margin:0;padding:30px;text-align:center;font-family:Helvetica,sans-serif}@media (max-width: 520px){.demo p{padding:20px 10px}}.demo p:first-child{border-top-left-radius:20px;border-top-right-radius:20px;font-size:40px;font-weight:700;background-color:#b1c2c6e3;color:#e26e24}@media (max-width: 520px){.demo p:first-child{font-size:24px}}.demo p:last-child{border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:#e26e24db;color:#fff;font-size:30px}@media (max-width: 520px){.demo p:last-child{font-size:18px}}html,body,#root,.app{min-height:100vh;margin:0;padding:0}.app{background-color:#eee;display:flex;flex-direction:column}.app__header{background-color:red;min-height:110px;display:flex;justify-content:center}.app__body{flex-grow:1}.app__body,.app__footer{background-color:#00f;max-width:1400px;width:-webkit-fill-available;align-self:center}.app__footer{height:110px;display:grid;background-color:#fff}.app__footer p{margin:auto 0 auto 80px}