body{
background: linear-gradient(285deg,#af401b,#56e32b,#174ea5);
min-height: 100vh; 
overflow: hidden;
}
h1{
font-size: 100px;
text-align: center;
margin-top: 150px;
cursor:wait;
}
.wrapper{
display: flex;
align-items: center;
justify-content: center;
gap: 350px;
margin-top: 15%;
}


.containerfrans {
    background-color: #4FEE1F;
    color: rgb(0, 0, 0);
    padding: 24px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 60px;
    border-radius: 20px;
    width: 250px;
    transition: 0.3s;
    margin: 14px 100px 0px 14px;
    box-shadow:
0 10px 0 #45db3a,
0 22px 35px rgba(12, 56, 158, 0.8)
}
.containerturk {
    background-color: #4FEE1F;
    color: rgb(0, 0, 0);
    padding: 24px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 60px;
    border-radius: 20px;
    width: 250px;
    transition: 0.3s;
    margin: 14px 100px 0px 14px;
    box-shadow:
0 10px 0 #45db3a,
0 22px 35px rgba(12, 189, 18, 0.8)
}
.containerkoelie {
    background-color: #4FEE1F;
    color: rgb(0, 0, 0);
    padding: 24px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 60px;
    border-radius: 20px;
    width: 250px;
    margin: 14px 100px 0px 14px;
    transition: 0.3s;
    box-shadow:

0 10px 0 #45db3a,
0 22px 35px rgba(161, 36, 36, 0.8)
}
.container-ons {
    background-color: #4FEE1F;
    color: rgb(0, 0, 0);
    padding: 24px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 60px;
    border-radius: 20px;
    width: 250px;
    margin: 14px 100px 0px 14px;
    transition: 0.3s;
    box-shadow:

0 10px 0 #45db3a,
0 22px 35px rgba(161, 148, 36, 0.8)
}

  .containerturk:hover,.containerfrans:hover,.containerkoelie:hover,.container-ons:hover{
scale: 1.15;
cursor: pointer;
box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}
.button{
background-color: #4FEE1F;
border: none;
font-size: 25px;
cursor: pointer;
}