@media (orientation: landscape) {
    #tool p {
        width: 60%;
        margin: 10px 0;
    }

    #tool,
    .input {
        font-size: large;
    }

    #tool .input {
        width: 60%;
    }

    #tool .btn {
        font-size: large;
        cursor: pointer;
        width: 100px;
        padding: 6px 18px;
    }
}

@media (orientation:portrait) {
    #tool {
        font-size: medium;
    }

    #tool p {
        width: 90%;
        margin: 5px 0;
    }

    #tool .input {
        width: 90%;
    }

    #tool .btn {
        font-size: smaller;
        cursor: pointer;
        width: 60px;
        padding: 3px 12px;
    }
}

#tool p {
    display: flex;
    justify-content: space-between;
}

.btn {
    margin: 0;
    display: flex;
    justify-content: center;
    border: none;
    cursor: pointer;
}

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