h1{
    background-color: dodgerblue;
    text-align: center;
    padding: 40px;
    margin: 0px;
    width:94.8%;
}
body{
    background-color: darkgray;
    margin: 0px;
}
#one, #two, #three, #four, #five, #six {
    display: flex;
    justify-content: center;
    align-items: center;
}
                                                                    /*Esimene rida*/
#oneone, #onetwo, #onethree, #onefour{
    text-align: center;
    width: 150px;
    background-color: gray;
    padding: 10px;
    margin: 20px;
    border-radius: 20px;
}
#oneone:hover, #onetwo:hover, #onethree:hover, #onefour:hover{
    background-color: red;
}
                                                                      /*Teine rida*/
div#two{
    margin-top: 25px;
}
#twoone, #twotwo, #twothree, #twofour{
    text-align: center;
    width: 150px;
    background-color: gray;
    padding: 10px;
    margin: 20px;
    border-radius: 20px;
}
#twoone:hover, #twotwo:hover, #twothree:hover, #twofour:hover{
    background-color: orange;
}
                                                                    /*Kolmas rida*/
div#three{
    margin-top: 25px;
}
#threeone, #threetwo, #threethree, #threefour{
    text-align: center;
    width: 10%;
    background-color: gray;
    padding: 10px;
    margin: 20px;
    border-radius: 20px;
}

#threeone:hover, #threetwo:hover, #threethree:hover, #threefour:hover{
    background-color: yellow;
}
                                                                            /*Neljas rida*/
div#four{
    margin-top: 25px;
}
#fourone, #fourtwo, #fourthree, #fourfour{
    text-align: center;
    width: 10%;
    background-color: gray;
    padding: 10px;
    margin: 20px;
    border-radius: 20px;
}
#fourone:hover, #fourtwo:hover, #fourthree:hover, #fourfour:hover{
    background-color: lime;
}
                                                                        /*Viies rida*/
div#five{
    margin-top: 25px;
}
#fiveone, #fivetwo, #fivethree, #fivefour{
    text-align: center;
    width: 10%;
    background-color: gray;
    padding: 10px;
    margin: 20px;
    border-radius: 20px;
}
#fiveone:hover, #fivetwo:hover, #fivethree:hover, #fivefour:hover{
    background-color: deepskyblue;
}
                                                                            /*Kuues rida*/
div#six{
    margin-top: 25px;
}
#sixone{
    text-align: center;
    width: 10%;
    background-color: gray;
    padding: 10px;
    margin: 20px;
    border-radius: 20px;
}
#sixone:hover {
    background-color: magenta;
}


footer{
    font-family: Georgia;
    font-size: large;
    width: 97.4%;
    border: 5px dashed darkblue ; /*dashed, dotted, double, outline*/
    background-color: dodgerblue;
    border-radius: 120px;
    padding:1%; /*vahe teksti ja piiri vahel*/
    text-align: center;
}