*{margin:0;padding:0}html{background:linear-gradient(#4cdbff ,#62d034)}#nameInput{display:none;position:absolute;font-size:50px;font-family:sans-serif;letter-spacing:-1px;font-weight:700;width:540px;height:83px;z-index:1000;text-align:center;-webkit-transform-origin:0 0;transform-origin:0 0;background:rgba(255,255,0,0);color:#fff}#nameInput,#nameInput:active,#nameInput:focus{border:0;outline:0}::-webkit-input-placeholder{color:#fff}:-moz-placeholder{color:#fff}::-moz-placeholder{color:#fff}:-ms-input-placeholder{color:#fff}#turndevice{position:absolute;top:0;left:0;display:none;z-index:1010;background:linear-gradient(#489fc9,#000);width:100vw;height:100vh}#turndevice div{text-align:center;display:block}#turndevice .img{position:relative;top:30vh;max-width:90vw;max-height:60vh}