body {
  background: linear-gradient(90deg, #f7b733, #fc4a1a);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill-opacity='.1'%3E%3Cpolygon fill='%23e5e5e5' points='50,0 0,50 50,100 100,50'/%3E%3C/g%3E%3Cg fill-opacity='.2'%3E%3Cpolygon fill='%23e5e5e5' points='100,0 50,50 100,100 150,50'/%3E%3C/g%3E%3Cg fill-opacity='.3'%3E%3Cpolygon fill='%23e5e5e5' points='150,0 100,50 150,100 200,50'/%3E%3C/g%3E%3Cg fill-opacity='.4'%3E%3Cpolygon fill='%23e5e5e5' points='50,100 0,150 50,200 100,150'/%3E%3C/g%3E%3Cg fill-opacity='.5'%3E%3Cpolygon fill='%23e5e5e5' points='100,100 50,150 100,200 150,150'/%3E%3C/g%3E%3Cg fill-opacity='.6'%3E%3Cpolygon fill='%23e5e5e5' points='150,100 100,150 150,200 200,150'/%3E%3C/g%3E%3Cg fill-opacity='.7'%3E%3Cpolygon fill='%23e5e5e5' points='50,200 0,250 50,300 100,250'/%3E%3C/g%3E%3Cg fill-opacity='.8'%3E%3Cpolygon fill='%23e5e5e5' points='100,200 50,250 100,300 150,250'/%3E%3C/g%3E%3Cg fill-opacity='.9'%3E%3Cpolygon fill='%23e5e5e5' points='150,200 100,250 150,300 200,250'/%3E%3C/g%3E%3C/svg%3E") center fixed;
}
h1{
    text-align: center;
    font-size: min(82px, max(32px, 10vw));
}

ul {
  list-style: none;
  padding: 0;
  text-align: center;
}


li button {
    width: min(400px, 95%);
    height:100px;
    background-color: #4CAF50;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: min(82px, max(32px, 10%));
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 25px;
}

li button:hover {
    background-color: #3e8e41;
}

li button:active {
    background-color: #367b36;
}