*,
*::before,
*::after,
html,
body {
padding: 0;
margin: 0;
box-sizing: border-box;

}



.ex_container{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100vh;
border: 1px solid rebeccapurple;

}

.ex_content_container{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 800px;
    height: 450px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  background: linear-gradient(
    115deg,
  
    rgba(240, 116, 39, 0.5),
    rgba(29, 87, 112, 0.301)
  );
  border-radius: 30px;
}
h1{
    margin-bottom: 20px;
    color: #fff;
}

a{
    font-size: 1.5rem;
    background-color: rgba(116, 114, 114, 0.534);
    padding: 20px;
    text-decoration: none;
    color: rgb(7, 6, 6);
  border-radius: 15px;
  box-shadow: 0 14px 28px rgba(80, 79, 79, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
font-weight: 600;
}

a:hover{
    font-size: 1.7rem;
    background-color: rgba(47, 46, 46, 0.534);
    padding: 20px;
    text-decoration: none;
    color: rgb(185, 180, 175);
  border-radius: 15px;
  box-shadow: 0 14px 28px rgba(80, 79, 79, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);

}

a:active{
    box-shadow: none;
}
.delete{
  width: 250px;
  font-size: 1.5rem;
  background-color: rgba(116, 114, 114, 0.534);
  padding: 20px;
  text-decoration: none;
  color: rgb(7, 6, 6);
border-radius: 15px;
box-shadow: 0 14px 28px rgba(80, 79, 79, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
font-weight: 600;
border: none;
cursor: pointer;

}

.delete:hover{
  font-size: 1.7rem;
  background-color: rgba(47, 46, 46, 0.534);
  padding: 20px;
  text-decoration: none;
  color: rgb(185, 180, 175);
border-radius: 15px;
box-shadow: 0 14px 28px rgba(80, 79, 79, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);

}


img{
    width: 250px;
}