*{
    margin: 0;padding: 0
}
html {
    background: linear - gradient(#4cdbff ,# 62 d034)
}#
nameInput {
    display: none;position: absolute;font - size: 50 px;font - family: sans - serif;letter - spacing: -1 px;font - weight: 700;width: 540 px;height: 83 px;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: 100 vw;height: 100 vh
}#
turndevice div {
    text - align: center;
    display: block
}#
turndevice.img {
    position: relative;top: 30 vh;max - width: 90 vw;max - height: 60 vh
}