style.css

body,
html {
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

        height: 100%;
        display: grid;
}

.container {
        margin: auto;
        padding: 20px;
}
h1,h2,h3 {
        font-size: 20px;
}
a {
        text-decoration: none;
}



img {
        width: 100%;
        max-width: auto;
}

input[type=text] {
        appearance: none;
        border: none;
        outline: none;
        width: 24em;
        border-bottom: .2em solid #1c4208;
        background: rgba(#47f409, .2);
}


button {
        border-radius: 30px;
        font-size: 20px;
        padding: 20px 40px 20px 70px;
        background: #dd6e2e;
        background-image: url("mm.png");
        background-size: 40px;
        background-repeat: no-repeat;
        background-position: 20px;
        font-weight: bold;
        color: #fff;
        box-shadow: inset 2px 2px 0 #fff, 0 8px 10px -4px rgba(0, 0, 0, 0.4);
        cursor: pointer;
        transition: all 0.4s ease;
}

#send-button {
        border-radius: 30px;
        font-size: 20px;
        padding: 20px 40px 20px 70px;
        background: #ffffff;
        background-image: url("s.png");
        background-size: 40px;
        background-repeat: no-repeat;
        background-position: 20px;
        font-weight: bold;
        color: #585858;
        box-shadow: inset 2px 2px 0 #fff, 0 8px 10px -4px rgba(0, 0, 0, 0.4);
        cursor: pointer;
        transition: all 0.4s ease;
}

#copy-button {
        border-radius: 30px;
        font-size: 20px;
        padding: 20px 40px 20px 70px;
        background: #2cb41d;
        background-image: url("copy.png");
        background-size: 40px;
        background-repeat: no-repeat;
        background-position: 20px;
        font-weight: bold;
        color: #fff;
        box-shadow: inset 2px 2px 0 #fff, 0 8px 10px -4px rgba(0, 0, 0, 0.4);
        cursor: pointer;
        transition: all 0.4s ease;
}