@charset "utf-8";
        /* CSS Document */

        body {
            font-family: "Open Sans", Arial, sans-serif;
            margin: 0;
        }

        .bigblue {
            font-size: 40px;
            font-family: "Open Sans", Arial, sans-serif;
        }
     .chicken {
font-size: 40px;
font-family: "Arial", Helvetica, sans-serif;
color: lightgreen;
}

.hello {
font-size: 60px;
font-family: "Georgia", "Times New Roman", serif;
color: purple;
}



        /* static (default) */
        .div1 {
            background-color: gray;
            font-size: 32px;
            height: 100px;
            position: static;
        }

        /* relative */
        .div2 {
            background-color: yellow;
            font-size: 28px;
            color: red;
            height: 300px;
            position: relative;
            top: 20px;
            left: 20px;
        }

        /* absolute inside a positioned container */
        .container {
            position: relative;
            margin: 40px;
            height: 200px;
            background-color: lightblue;
        }

        .absolute-box {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 150px;
            height: 80px;
            background-color: lightgreen;
        }

        /* fixed */
        .fixed-box {
            position: fixed;
            bottom: 10px;
            right: 10px;
            background-color: orange;
            padding: 10px;
            font-size: 16px;
        }