<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300&amp;family=Kanit:wght@700&amp;family=Montserrat:wght@600&amp;display=swap');

:root {    
    --colorMain: black;
    --colorSecondary: #ecedcd;
    --colorSubtitle: #215a5f;

    --colorBgMain: floralwhite;
    --colorBgBack: #234229;    

    --fontTitle: Kanit, sans-serif;
    --fontSubtitle: Montserrat, sans-serif;
    --fontMain: 'Hind Madurai', sans-serif;

    --hamburgerMenuIconHeight: 27px;

    --picBioWidth: 328px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;    
}

header, footer, nav {
    color: var(--colorSecondary);
    background-color: var(--colorBgBack);
    font-family: var(--fontSubtitle);
}

header &gt; h1 {
    padding: 0.5rem 1rem;
    font-family: var(--fontTitle);
    line-height: 1.8rem;
}
header &gt; div {
    padding: 0.5rem 1rem;
    color: var(--colorSubtitle);
    background-color: var(--colorSecondary);
    border-bottom: thin solid var(--colorSubtitle);
}
header &gt; div#description {
    padding: 0.15rem 1rem;
}
header &gt; div#description &gt; p {
    font-size: 0.8rem;
    text-align: center;
}
@media (min-width: 480px) {
    header &gt; div#title &gt; p {
        display: inline-block;
    }
    header &gt; div#description &gt; p {
        display: inline-block;        
        text-align: left;
    }
    header &gt; div#description &gt; p:after {
        content: '.';
    }
}
nav {
    padding: 0.25rem 1rem;
    text-align: center;
}
/* Hamburger menu icon */
nav &gt; div {
    text-align: left;
    height: var(--hamburgerMenuIconHeight);
}
nav img {
    display: block;
    width: 29px;
    height: var(--hamburgerMenuIconHeight);    
    border-radius: 0.4rem;
    cursor: pointer;
}
nav ul {
    display: none;
}
nav li {
    list-style-type: none;
    padding: 0.25rem 0;
    cursor: pointer;
}
@media (min-width: 850px) {
    nav &gt; div {
        display: none;
    }
    nav ul {
        display: block !important;
    }
    nav li {
        display: inline-block;
        padding: 0.25rem 1rem;
    }
}

main {
    background-color: var(--colorBgMain);
}
main &gt; section {
    display: none;
    padding: 1rem;
    font-family: var(--fontMain);        
}
main &gt; section &gt; h3 {
    font-family: var(--fontSubtitle);
    color: var(--colorSubtitle);
    margin-bottom: 0.25rem;
}
main &gt; section h2 {
    font-size: 1.1rem;
}
main &gt; section &gt; p {
    margin: 0.75rem 0;
}
main &gt; section#cfp &gt; p:first-of-type {
    margin: 0;
}
main &gt; section &gt; ul, main &gt; section &gt; ol {
    padding-left: 1.5rem;
}
main &gt; section &gt; p#committee {
    padding-left: 2rem;
}
@media (min-width: 650px) {
    main {
        padding-bottom: 3rem;
    }
}
@media (min-width: 850px) {
    main &gt; section &gt; h3 {
        display: none;
    }
}
@media (min-width: 1024px) {
    main &gt; section {
        margin: 0 10%;
    }
}
@media (min-width: 1280px) {
    main &gt; section {
        margin: 0 15%;
    }
}
@media (min-width: 800px) {
    section#home &gt; picture &gt; img {
        width: 80vw;
    }
}
@media (min-width: 1024px) {    
    section#home &gt; picture &gt; img {
        width: 70vw;
    }
}
@media (min-width: 1280px) {    
    section#home &gt; picture &gt; img {
        width: 60vw;
    }
}
section#committees &gt; p {
    margin-bottom: 1rem;
}

footer {
    width: 100%;
    padding: 0.25rem 1rem;
    text-align: center;
    font-size: 0.8rem;
}
@media (min-width: 650px) {
    footer {
        position: fixed;
        bottom: 0;
    }
}
@media (min-width: 850px) {
    footer &gt; p {        
        float: left;
    }
    footer &gt; div {
        text-align: right;
    }
}

a {
    color: var(--colorSubtitle);
}
footer a {
    color: var(--colorSecondary);
}
a.external:before {
    content: url(../img/link.png) " ";
}

article &gt; p {
    margin-bottom: 1rem;
}

main img {
    width: 100%;
}
@media (min-width: 850px) {
    section#cfp img {
        width: 620px;
        float: right;
        padding: 0 0 0.5rem 1rem;
    }
}
section#speakers &gt; article {
    margin-bottom: 1rem;
}
@media (min-width: 520px) {
    section#speakers &gt; article &gt; div {
        display: flex; 
        flex-flow: row wrap;       
    }
    section#speakers img {
        flex: 0 0 var(--picBioWidth);
        align-self: flex-start;
        margin-right: 1rem;
    }
    section#speakers p {
        flex: 1;
    }
}

.active {
    text-decoration: underline;
}

#extension {
    color: var(--colorSubtitle);
    font-weight: bold;
}
hr {
    margin: 0.5rem 0;
    border: 0.125rem solid var(--colorSubtitle);
}

table {
    width: auto;
    margin: 1rem 0;
    border: solid thin var(--colorMain);
    border-spacing: 0;
}
td, th {
    padding: 0 0.5rem;
    text-align: right;
    margin: 0;
    border: solid thin var(--colorMain);
}
td:nth-of-type(1) {
    text-align: left;
}

#venueLinks &gt; span {
    display: block;
}
@media (min-width: 500px) {
    #venueLinks &gt; span {
        display: inline;        
    }
    #venueLinks &gt; span:first-of-type:after {
        content: ' /';
    }
}</pre></body></html>