*{box-sizing:border-box}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#fde4ff;background:linear-gradient(0deg,#fde4ff,#7c9cfe);user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;touch-action:none;font-family:Montserrat,sans-serif}.controlKeys{position:absolute;width:20rem;left:50%;margin-left:-10rem;bottom:13%;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.title{font-size:.8rem;color:#a9a9a9;position:absolute;width:100%;bottom:2%;text-align:center}.title>a{color:#4fbdf9}@media (max-width: 768px){.controlKeys,.title{display:none}}@media (max-height: 450px){.controlKeys,.title{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.person-text{animation:fadeIn .3s ease-in}.person-text.fade-out{animation:fadeOut .3s ease-out}input::placeholder{color:#fcf9fa99}