html {
background-color: azure;
width:100%;
display:block;
position: absolute;
}

.button1 {
    border:3px powderblue;
    border-style: dashed;
    border-radius: 8%;
    padding: 8px;
    background-color: inherit;
    display: inline-block;
    font-size:16px;
    text-decoration: none;
    -webkit-text-fill-color: powderblue;
    transition: background-color 0.3s, color 0.3s, border 0.3s;

}
.button1:hover {background: powderblue;
    -webkit-text-fill-color: white;
    border-color:white;
}
.button2 {
    border:3px rgb(189, 230, 176);
    border-style: dashed;
    border-radius: 8%;
    padding: 8px;
    background-color: inherit;
    display: inline-block;
    font-size:16px;
    text-decoration: none;
    -webkit-text-fill-color: rgb(189, 230, 176);
    transition: background-color 0.3s, color 0.3s, border 0.3s;

}
.button2:hover {background: rgb(189, 230, 176);
    -webkit-text-fill-color: white;
    border-color:white;
}

.button3 {
    border:3px rgb(224, 159, 197);
    border-style: dashed;
    border-radius: 8%;
    padding: 8px;
    background-color: inherit;
    display: inline-block;
    font-size:16px;
    text-decoration: none;
    -webkit-text-fill-color: rgb(224, 159, 197);
    transition: background-color 0.3s, color 0.3s, border 0.3s;

}
.button3:hover {background: rgb(224, 159, 197);
    -webkit-text-fill-color: white;
    border-color:white;
}

.button4 {
    border:3px rgb(29, 130, 197);
    bottom:300px;
    right:75%;
    position: absolute;
    border-style: dashed;
    border-radius: 8%;
    padding: 8px;
    background-color: inherit;
    display: inline-block;
    font-size:16px;
    text-decoration: none;
    -webkit-text-fill-color: rgb(29, 130, 197);
    transition: background-color 0.3s, color 0.3s, border 0.3s;

}
.button4:hover {background: rgb(29, 130, 197);
    -webkit-text-fill-color: white;
    border-color:white;
}
.button5 {
    border:3px rgb(0, 0, 0);
    border-style: dashed;
    border-radius: 8%;
    padding: 8px;
    background-color: inherit;
    display: inline-block;
    font-size:16px;
    text-decoration: none;
    -webkit-text-fill-color: rgb(0, 0, 0);
    transition: background-color 0.3s, color 0.3s, border 0.3s;

}
.button6 {
    border:3px rgb(173, 0, 0);
    border-style: dashed;
    border-radius: 8%;
    padding: 8px;
    background-color: inherit;
    display: inline-block;
    font-size:16px;
    text-decoration: none;
    -webkit-text-fill-color: rgb(173, 0, 0);
    transition: background-color 0.3s, color 0.3s, border 0.3s;

}
.button5:hover {background: rgb(0, 0, 0);
    -webkit-text-fill-color: white;
    border-color:white;
}
.button6:hover {background: rgb(173, 0, 0);
    -webkit-text-fill-color: white;
    border-color:white;
}
.button7 {
    border:3px rgb(0, 13, 189);
    border-style: dashed;
    border-radius: 8%;
    padding: 8px;
    background-color: inherit;
    display: inline-block;
    font-size:16px;
    text-decoration: none;
    -webkit-text-fill-color: rgb(0, 13, 189);
    transition: background-color 0.3s, color 0.3s, border 0.3s;
}
.button7:hover {background: rgb(0, 13, 189);
    -webkit-text-fill-color: white;
    border-color:white;
}
.button8 {
    border:3px rgb(0, 189, 41);
    border-style: dashed;
    border-radius: 8%;
    padding: 8px;
    background-color: inherit;
    display: inline-block;
    font-size:16px;
    text-decoration: none;
    -webkit-text-fill-color: rgb(0, 189, 41);
    transition: background-color 0.3s, color 0.3s, border 0.3s;
}
.button8:hover {background: rgb(0, 189, 41);
    -webkit-text-fill-color: white;
    border-color:white;
}
.button9 {
    border:3px rgb(0, 59, 13);
    border-style: dashed;
    border-radius: 8%;
    padding: 8px;
    background-color: inherit;
    display: inline-block;
    font-size:16px;
    text-decoration: none;
    -webkit-text-fill-color: rgb(0, 59, 13);
    transition: background-color 0.3s, color 0.3s, border 0.3s;
}
.button9:hover {background: rgb(0, 59, 13);
    -webkit-text-fill-color: white;
    border-color:white;
}

.button10 {
    border:3px rgb(0, 162, 255);
    border-style: dashed;
    border-radius: 8%;
    padding: 8px;
    background-color: inherit;
    display: inline-block;
    text-decoration: none;
    font-size:16px;
    -webkit-text-fill-color: rgb(0, 162, 255);
    transition: background-color 0.3s, color 0.3s, border 0.3s;
}
.button10:hover {background: rgb(0, 162, 255);
    -webkit-text-fill-color: white;
    border-color:white;
}