*{box-sizing:border-box}html{font-size:62.5%}html,body,#app,.website{width:100%;height:100%;margin:0}body{background-color:#29463c;min-height:100vh}.rotate-screen{display:none}@media (width<=768px) and (orientation:portrait){.website{display:none}.rotate-screen{color:#f3eadf;text-align:center;background-color:#29463c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.rotate-screen h1{margin:2rem 0 .5rem;font-size:3rem;font-weight:600}.rotate-screen p{opacity:.7;margin:0;font-size:1.6rem}.phone-animation{justify-content:center;align-items:center;width:7rem;height:10rem;animation:2.5s ease-in-out infinite rotatePhone;display:flex}.phone-screen{border:.3rem solid #f3eadf;border-radius:1.2rem;justify-content:center;align-items:center;width:5.5rem;height:9rem;display:flex;position:relative}.phone-screen:before{content:"";opacity:.6;background-color:#f3eadf;border-radius:1rem;width:1.5rem;height:.3rem;position:absolute;top:.7rem}.phone-screen:after{content:"";opacity:.6;background-color:#f3eadf;border-radius:1rem;width:1.8rem;height:.3rem;position:absolute;bottom:.7rem}}@keyframes rotatePhone{0%{transform:rotate(0)}30%{transform:rotate(0)}60%{transform:rotate(90deg)}80%{transform:rotate(90deg)}to{transform:rotate(0)}}