input{
    position: absolute;
    top:10px;
    right:60px; 
    color:#fff;
    background-color: #000;
    font-size: 40px;
    width:100px;
    border-color:#0f0f0f;
}
canvas{
    margin-bottom: 0;
}
body{
    background-color: #0f0f0f;
    cursor: url('https://snipp.ru/demo/712/pointer-1.cur') 4 1, default;
}
.start{
    position: absolute;
    left:50%;
    top:50%;
    width:12rem;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color:#fff;
    background-image: linear-gradient(to right, #834d9b 0%, #d04ed6  51%, #834d9b  100%);
    height:40px;
    border-radius: 5px;
    transition: all 0.5s;
    cursor: url('https://snipp.ru/demo/712/pointer-2.cur') 4 1, pointer;
}

.start:hover{
    font-size:25px;
    width:13rem;
    height:56px;
    background-position: 156px;
    border:solid 2px #FFf;
}
h1{
    color:#fff;
    position: absolute;
    top:5rem;
    left:50%;
    transform: translateX(-50%);
    font-size:50px;
    font-family: Arial, Helvetica, sans-serif;
}
h3{
    position: absolute;
    top:13rem;
    color:#fff;
    width:360px;  
    line-height: 1.20;
    left:50%;
    transform: translateX(-50%);  
    font-family: Arial, Helvetica, sans-serif;

}
.name{
    position:absolute;
    top:24.3rem;
    font-size: 20px;
    left:50%;
    transform: translateX(-50%);
    width:15rem;
    border-radius: 5px;
    cursor: url('https://snipp.ru/demo/712/pointer-2.cur') 4 1, text;
}