<?php include "../html-head.php"; ?>
    
    <link rel="stylesheet" href="colors.css">
    <link rel="stylesheet" href="https://static.eliasfink.de/fonts/montserrat/montserrat.css">
    
    <title>Colors &ndash; Elias Fink</title>

</head>


<body>

    <main id="content">
    
        <div id="blue" class="color-palette">
            <div class="single-color">
                <div style="background-color: var(--blue-darkest);"></div>
                <span>#001A33</span>
            </div>
            <div class="single-color">
                <div style="background-color: var(--blue-darker);"></div>
                <span>#004D99</span>
            </div>
            <div class="single-color">
                <div style="background-color: var(--blue-medium);"></div>
                <span>#0080FF</span>
            </div>
            <div class="single-color">
                <div style="background-color: var(--blue-lighter);"></div>
                <span>#66B3FF</span>
            </div>
            <div class="single-color">
                <div style="background-color: var(--blue-lightest);"></div>
                <span>#CCE6FF</span>
            </div>
        </div>

        <div id="grey" class="color-palette">
            <div class="single-color">
                <div style="background-color: var(--grey-darkest);"></div>
                <span>#161A1D</span>
            </div>
            <div class="single-color">
                <div style="background-color: var(--grey-darker);"></div>
                <span>#434D56</span>
            </div>
            <div class="single-color">
                <div style="background-color: var(--grey-medium);"></div>
                <span>#708090</span>
            </div>
            <div class="single-color">
                <div style="background-color: var(--grey-lighter);"></div>
                <span>#A9B3BC</span>
            </div>
            <div class="single-color">
                <div style="background-color: var(--grey-lightest);"></div>
                <span>#E2E6E9</span>
            </div>
        </div>
    
    </main>

</body>

</html>