body {
    text-decoration: none;
    text-transform: uppercase;
}
h1 {
    transform:translate(40%, 40%);
    font-size: 300%;
}

.button1 {
    transform: translate(240%, 740%);
    font-size: 175%;
    background-color: rgb(47, 0, 255);
    color: chartreuse;
    border-color: rgb(0, 0, 0);
    border-width: medium;
}
.button1:hover {
    background-color:chartreuse;
    color: blue;
    transition-duration: 1s;
    border-color: red;
}
.button2 {
    background-color: rgb(47, 0, 255);
    font-size: 175%;
    transform: translate(130%, 740%);
    color: chartreuse;
    border-color: rgb(0, 0, 0);
    border-width: medium;
}
.button2:hover {
    background-color: chartreuse;
    color: blue;
    transition-duration: 1s;
    border-color: red;
}
.button3 {
    background-color: rgb(47, 0, 255) ;
    font-size: 175%;
    transform: translate(-300%, -250%);
    color: chartreuse;
    border-color: rgb(0, 0, 0);
    border-width: medium;
}
.button3:hover {
    color: rgb(47, 0, 255);
    background-color: chartreuse;
    transition-duration: 1s;
    border-color:red
}
.button4 {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-size: 175%;
    transform: translate(-200%, 1100%);
}
.button4:hover {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    transition-duration: 1s;
    border-color:rgb(255, 145, 0);
}