styles.css

* {
    margin: 0; 
    padding: 0;
}
body {
    background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
#luntik {
    position: absolute;
    z-index: 1;
    width: 200px;
    height: 200px;
}
#SymbolMinute {
    top: 195px;
    position: relative;
    color: #000000;
    font-size: 25px;
    text-align: left;
    border: 5px solid gray;
    background-color: white;
    width: 290px;
}
#container {
    margin: 100px auto;  
    width: 688px;
}
#write {
    margin: 0 0 5px;  
    padding: 5px;    
    width: 671px;  
    height: 200px;  
    font: 1em/1.5 Verdana, Sans-Serif;  
    background: #fff;  
    border: 1px solid #f9f9f9;
}

#dialogmenu {
    position: relative;
    top: 200px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    border: 5px solid gray;
    overflow: hidden;
}
#entersymbol {
    white-space: nowrap;
    text-decoration: none;
    margin-top: 7px;
    color: rgb(0, 0, 0);
    text-align: right;
    font-size: 30px;
}

#keyboard {    
    margin-left: auto;
    margin-right: auto;
    margin-top: 250px;
    padding: 0;
    list-style: none;
    }
        #keyboard li {
        float: left;
        margin: 0 5px 5px 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #fff;
        border: 1px solid #f9f9f9;
        }
            .capslock, .tab, .left-shift {
            clear: left;
            }
                #keyboard .tab, #keyboard .delete {
                width: 70px;
                }
                #keyboard .capslock {
                width: 80px;
                }
                #keyboard .return {
                width: 77px;
                }
                #keyboard .left-shift {
                width: 95px;
                }
                #keyboard .right-shift {
                width: 109px;
                }
            .lastitem {
            margin-right: 0;
            }
            .uppercase {
            text-transform: uppercase;
            }
            #keyboard .space {
            clear: left;
            width: 681px;
            }
            .on {
            display: none;
            }
            #keyboard li:hover {
            position: relative;
            top: 1px;
            left: 1px;
            border-color: #e5e5e5;
            cursor: pointer;
        }