.semanticCode code {
        color: #9bfffa;
        display: inline-block;
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
        font-size: 1.1em;
        background-color: transparent;
    }
    
    header.headerExample {
        width: 100%;
        background-color: rgb(0, 0, 0);
        padding: 20px;
        display: inline-block;
        /* position: relative; */
    }
    
    nav.navExample {
        background-color: #242424;
        padding: 20px;
    }
    
    main.mainExample {
        width: 100%;
        background-color: rgb(0, 0, 0);
        padding: 20px;
        overflow: auto;
    }
    
    div.float {
        float: left;
        width: 65%;
    }
    
    section.sectionExample,
    article.articleExample {
        width: 100%;
        background-color: #242424;
        margin: 8px;
        padding: 20px;
    }
    
    aside.asideExample {
        float: right;
        width: 28%;
        height: 320px;
        background-color: #242424;
        margin: 8px;
        padding: 20px;
    }
    
    footer.footerExample {
        width: 100%;
        background-color: rgb(41, 41, 41);
        padding: 20px;
    }