* {
    box-sizing: border-box;
    padding: 0;
    margin: 5;
    font-family: Inter; font-size: 22px;
}

body {
    background-color:black;
    color: green;

    height: 75vh;

    display: grid;
    place-items: center;
}

h1 {
    color: red;
}


button {
    display: inline-block;
    padding: 40px 70px;

    background-color: #212422;
    color: purple;
    border: 2px solid #830300;
    border-radius: 100px;
    cursor: pointer;

    transition: 0.3s;

}

button:is(:hover, :active) {
   border-radius: 5px 40px 5px 40px;
   background-color: #21242290;

   box-shadow: 5px 5px 5px #212422, 10px 10px 15px #212422;
   transform: translate(-5px, -5px);
}

img {
    display: block;
    margin: auto;
    max-width: 35%;
    max-height: 35%;
}