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

body {
    font-family: "Inter Tight", sans-serif;
    font-size: 14px;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    margin: 0; 
    padding: 0;


    background-color: #202124;
    color: #ddd;
    line-height: 1.75em;
    
}

header {position: relative; color: #fff; padding: 30px 20px; margin: auto; text-align: left; width: 100vw; }
header h1 a {font-family: "Hind Siliguri", serif; font-size: 40px; font-weight: 800; letter-spacing: -3px; color: #fff;}
header a:hover {text-decoration: none; color: #fff;} 
header nav {position: relative; color: #fff;}
header nav li {display: inline-block; padding-right: 30px;}
header nav li a {font-weight: 600;} 

#menu_toggle {display: none;}

.menu_label {
    display: none;
}

.headline {display: block; padding: 10px; margin: 0px;}
/* #text_we {} */
#txt_dynamic { transition: color 0.5s ease; filter: blur(0); color: #fff;}
#txt_digital {font-weight: bold;}
#txt_performance {font-weight: bold;}

main {padding: 20px;}
main h1 {font-family: "Hind Siliguri", sans-serif; font-size: 30px; line-height: 1.2em; font-weight: 900; color: #fff; margin: 1em 0 1em 0; letter-spacing: -1px;}
main h2 {font-family: "Inter Tight", sans-serif; font-size: 24px; font-weight: 900; color: #fff; margin: 1em 0 1em 0;}  
main h3 {font-family: "Inter Tight", sans-serif; font-size: 18px; font-weight: 900; color: #fff; margin: 1em 0 1em 0;}

main ul {margin: 1em 0 1em 0;}
main li {margin-left: 50px;}


p {margin: 1em 0 1em 0; color: #ddd;}
strong {font-weight:900; color: #fff;}

#credits {color: #fff; font-weight: bold;}

a {color: #ddd; text-decoration: none; }
a:hover {color: #fff; text-decoration: underline; transform: translateY(-2px);}
a:active {color: #fff; text-decoration: none; }

.article_title a {color: #fff;}
.article_tags {color: #aaa;  margin-top: 20px;}
.article_tags span {font-style: italic;}

table {border: 1px solid #555; border-collapse: collapse;}
table th {border: 1px solid #555; border-bottom-width: 3px; padding: 5px 10px;}
table td {border: 1px solid #555; padding: 5px 10px;}

td.numeric {text-align: right;}

pre code {display: block; background: #000; color: #fff; padding: 20px; margin: 3px; font-family: Courier, monospace; font-size: 12px; border-radius: 10px; white-space: pre-wrap;} 
code {display: inline-block; background: #000; padding: 0 10px; margin: 0 5px; font-family: Courier, monospace; font-size: 12px; border-radius: 10px;}


#milestones {padding: 20px;}
#milestones ul {margin: 0; padding: 0;}
#milestones li {margin: 0; padding: 0;}
#milestones ul ul {margin-left: 10px;}
#milestones ul ul ul {margin-left: 20px;}

optgroup {color: #ccc;}