<link href="https://fonts.googleapis.com/css?family=Bree+Serif&display=swap" rel="stylesheet">
<style type="text/css">
    h1, h2{
        font-family: 'Bree Serif', serif;
        font-size: 40px;
        color: blue;
    }
    table{
        border: 5px outset darkblue;
        background: linear-gradient(to right, #0033cc 0%, #ff0066 100%);
    }
    th{
        font-family: 'Bree Serif', serif;
        font-size: 20px;
    }
    td, p{
        font-family: 'Bree Serif', serif;
        font-size: 16px;
    }
    input{
        border: 2px inset black;
        background-color: silver;
        font-family: 'Bree Serif', serif;
        font-size: 15px;
        border-radius: 50px;
        text-align: center;
        width: 200px;
    }
    input#button{
        border: 3px outset blue;
        background-color: silver;
        font-family: 'Bree Serif', serif;
        transition-duration: 0.5s;
        font-size: 15px;
        border-radius: 50px;
        width: 100px;
    }
    input#button:hover{
        border: 3px outset blue;
        background: linear-gradient(to bottom, #0033cc 0%, #ff0066 100%);
        font-family: 'Bree Serif', serif;
        font-size: 17px;
        border-radius: 50px;
        color: white;
        width: 100px;
    }
    select{
        border: 2px inset black;
        background-color: silver;
        font-family: 'Bree Serif', serif;
        font-size: 15px;
        border-radius: 50px;
        text-align: center;
    }
</style>

<center>
    <h1>MONEY CHANGER</h1>
    <table border="1">
        <tr>
            <th>Mata Uang Asing</th>
            <th>Mata Uang Indonesia</th>
        </tr>
        <tr>
            <td>Dollar Amerika</td>
            <td>12000</td>
        </tr>
        <tr>
            <td>Dollae Singapour</td>
            <td>7000</td>
        </tr>
        <tr>
            <td>Yen</td>
            <td>4000</td>
        </tr>
        <tr>
            <td>Won</td>
            <td>11</td>
        </tr>
    </table>

    <h2>TRANSAKSI</h2>
    <form method="post">
        <p>
            Uang Dalam Rupiah Rp.
            <input type="number" name="uang" required="" autocomplete="off">
            <select name="mata_uang">
                <option value="DollarAmerika">Dollar Amerika</option>
                <option value="DollarSingapour">Dollar Singapour</option>
                <option value="Yen">Yen</option>
                <option value="Won">Won</option>
            </select>
            <input type="submit" name="button" id="button" value="Konversi">
        </p>
    </form>

    <p>
        <?php
            include 'changer.php';

            if (isset($hasil)) {
                echo 'Rp. '.$uang.' = '.$hasil.' '.$mata_uang;
            }
        ?>
    </p>
</center>