Hidden Scarlett [Cheatsheet]

<div style="margin:auto;width:800px;height:440px;font-family:Times New Roman;background-color:#1b212d;text-transform:uppercase;text-align:justify;color:#ffffff;font-size:8px;line-height:10px;">
    <div style="float:left;width:800px;height:440px;background-color:#1b212d;">
        <div style="float:left;width:730px;height:370px;margin:35px 0 0 35px;overflow:hidden;">
            <div style="float:left;width:745px;height:370px;padding-right:20px;overflow:auto;">
                <div style="float:left;width:730px;height:370px;">
                    <img src="https://lh3.googleusercontent.com/-jMSkYQjFK4g/U_KafGjB63I/AAAAAAAAAT0/RBN0snTSR0w/w730-h370-no/kara.png" style="float:left;margin:0;padding:0;border-radius:0;width:730px;height:370px;">
                    <div style="float:left;width:440px;height:115px;background-color:#9d374d;opacity:0.9;margin-left:145px;margin-top:-242.5px;text-align:center;">
                        <div style="float:left;width:440px;height:40px;margin-top:28.5px;line-height:40px;font-size:55px;">
                            <span style="font-style:italic;">T</span><span style="font-size:30px;">he</span> <span style="font-style:italic;">C</span><span style="font-size:30px;">heatsheet</span>
                            <div style="line-height:10px;float:left;height:20px;width:440px;font-size:10px;">
                                scroll for content &#8595;
                            </div>
                        </div>
                    </div>
                </div>

                <div style="float:left;width:730px;height:370px;background-color:#ffffff;">
                    <div style="float:left;width:350px;height:260px;color:#cccccc;margin-top:55px;margin-left:190px;">
                        <div style="float:left;width:350px;height:40px;line-height:40px;background-color:#9d374d;color:#ffffff;font-size:35px;text-align:center;">
                            <span style="font-style:italic;">F</span><span style="font-size:20px;">or</span> <span style="font-size:20px;">the</span> <span style="font-style:italic;">C</span><span style="font-size:20px;">urious</span>
                        </div>
                        <div style="float:left;margin-top:15px;height:165px;width:350px;font-family:Arial;text-transform:none;text-align:justify;font-size:11px;line-height:11px;overflow:hidden;">
                            <div style="float:left;height:165px;width:365px;padding-right:20px;overflow:auto;">
                                <span style="color:#9d374d;">WHY ARE WE HERE? </span>Mauris vestibulum massa mauris, vel luctus nibh consectetur et. Curabitur tristique, nisi a consectetur adipiscing, lectus urna molestie nibh, id blandit eros dui ut mi. Curabitur sapien lacus, cursus ut velit eget, malesuada viverra quam. Fusce sed ultrices eros. Proin rutrum sem a porttitor tristique. <br/><br/>
                                <span style="color:#9d374d;">WHEN DID THIS BEGIN? </span>Aenean sit amet sem ac leo ullamcorper luctus in porttitor nisl. Aliquam sagittis, tellus ac viverra pellentesque, nibh dolor sodales nunc, eget venenatis lectus mi id sem. In non justo vitae felis iaculis eleifend.<br/><br/>
                                <span style="color:#9d374d;">WHERE WILL THIS ROAD LEAD US? </span>Nulla magna nisi, facilisis nec aliquam vitae, dictum ut massa. Vivamus bibendum dictum ante, eget tincidunt mauris iaculis ut. Nullam vel sodales urna. Sed faucibus eleifend sit amet arcu ullamcorper cursus. Maecenas sed odio ante. Nunc sed tellus euismod, aliquet dolor nec, ullamcorper eros.<br/><br/>
                                <span style="color:#9d374d;">WHAT MUST I DO? </span> The Donec vel cursus metus. Proin sed felis sem. Fusce ut arcu nibh. Etiam accumsan, turpis sit amet mollis aliquam, dolor libero pellentesque mi, id venenatis lacus nisl et orci. Aliquam quis malesuada risus, in tristique urna. Nam eu vehicula ligula, ut faucibus sapien. Aliquam erat volutpat. Ut ullamcorper nibh velit, sed tempor ipsum ultrices a. Vivamus luctus nunc id mauris scelerisque, eu tempus erat tempus. Praesent ut tellus elementum, ultrices elit sed, blandit urna. Aliquam sit amet laoreet nisl, quis posuere massa.
                            </div>
                        </div>
                        <div style="float:left;margin-top:15px;height:30px;width:350px;line-height:30px;text-align:center;text-transform:uppercase;color:#ffffff;letter-spacing:3px;">
                            <div style="float:left;width:170px;height:30px;background-color:#9d374d;">
                                <a href="#" style="color:#ffffff;">turn in form</a>
                            </div>
                            <div style="float:left;margin-left:10px;width:170px;height:30px;background-color:#9d374d;">
                                <a href="#" style="color:#ffffff;">source code</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>