Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Hanif Abyan Ayyasyi XI RPL 2</title>
</head>
<style type="text/css">
    #Indonesia
    {
        background-color: azure;
        border: solid;
        padding: 4px;
        font-family: Raleway;
        transform: rotateX(180deg);
        text-align:center;
        margin-bottom: 40px
    }
    .square
    {
        text-shadow: 6px 6px 6px orange;
        width: 300px;
        margin-left: 500px;
    }
    #Japan
    {
        background-color: lightblue;
        border: dashed;
        padding: 6px;
        font-family: Consolas;
        text-align: center;
        transform: rotateX(180deg);
        margin-bottom: 40px;
    }
    #English
    {
        background-color: black;
        border: double;
        padding: 2px;
        font-family: impact;
        text-align: center;
        transform: rotateX(180deg);
    }
</style>


<body>
    <div id="Indonesia" class="square">SELAMAT PAGI!</div>
    <div id="Japan" class="square">おはよう</div>
    <div id="English" class="square">Good Morning!</div>
</body>
</html>