:root {
    --primary-bg: #00214d; 
    --secondary-bg: #5488a8;
    --primary-fg: #E0FBFC;
    --secondary-fg: #EE6C4D;
}

.reveal {
    background-color: var(--primary-bg);
}

.reveal h4 {
    color: var(--secondary-fg);
}

.box-list {
    list-style-type: none !important; 
    position: relative; 
    margin: 0px !important; 
    width: 70%;
}

.box-list li i {
    margin-right: 1rem; 
    color: var(--secondary-fg); 
}

.box-list li {
    border: 5px solid var(--secondary-bg); 
    padding: 15px; 
    margin-bottom: 5px; 
    width: 100%; 
}

emph {
    color: var(--secondary-fg); 
    font-weight: bold;
}

.half-part {
    width: 50%; 
    float: left; 
}

.third-part {
    width: 33%; 
    float: left; 
}

.logo {
    width: 10%; 
    max-width: 100px;
    position: fixed; 
    top: 10%; 
    right: 5%; 
    z-index: 1;
}

.photo {
    border-radius: 50%;
}

.name {
    color: var(--secondary-fg)
}

.box {
    border: 5px solid var(--secondary-bg); 
    padding: 15px; 
    margin-bottom: 5px; 
    width: 100%; 
}

.reveal {
    font-size: 2.5rem;
}

.row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.column {
    padding-left: 1rem; 
    padding-right: 1rem; 
}

.citation {
    padding-left: 0.5rem; 
    margin-bottom: 1rem;
    background-color: var(--secondary-bg);
    border-left: solid 10px blue; 
}

.cite {
    font-size: 1.5rem;
    text-align: left; 
}

.citation .source {
    font-size: 1rem;
    text-align: left;
    font-style: italic;
}

.dirtree {
    background: #fff; 
    padding: 5%; 
    border-radius: 2px; 
}

.dir-list ul {
    margin-left: 0px; 
    padding-left: 10px; 
}

.dir-list li {
    list-style: none; 
    color: #888; 
    font-size: 1.5rem; 
    font-weight: bold; 
}

.dir-list li:before {
    margin-right: 10px;
    content: "";
    height: 50px;
    vertical-align: middle;
    width: 50px;
    background-repeat: no-repeat;
    display: inline-block;
    /* file icon by default */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='lightgrey' d='M85.714,42.857V87.5c0,1.487-0.521,2.752-1.562,3.794c-1.042,1.041-2.308,1.562-3.795,1.562H19.643 c-1.488,0-2.753-0.521-3.794-1.562c-1.042-1.042-1.562-2.307-1.562-3.794v-75c0-1.487,0.521-2.752,1.562-3.794 c1.041-1.041,2.306-1.562,3.794-1.562H50V37.5c0,1.488,0.521,2.753,1.562,3.795s2.307,1.562,3.795,1.562H85.714z M85.546,35.714 H57.143V7.311c3.05,0.558,5.505,1.767,7.366,3.627l17.41,17.411C83.78,30.209,84.989,32.665,85.546,35.714z' /></svg>");
    background-position: center 2px;
    background-size: 60% auto;
  }
  
.dir-list li.folder:before {
/* folder icon if folder class is specified */
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='lightblue' d='M96.429,37.5v39.286c0,3.423-1.228,6.361-3.684,8.817c-2.455,2.455-5.395,3.683-8.816,3.683H16.071 c-3.423,0-6.362-1.228-8.817-3.683c-2.456-2.456-3.683-5.395-3.683-8.817V23.214c0-3.422,1.228-6.362,3.683-8.817 c2.455-2.456,5.394-3.683,8.817-3.683h17.857c3.422,0,6.362,1.228,8.817,3.683c2.455,2.455,3.683,5.395,3.683,8.817V25h37.5 c3.422,0,6.361,1.228,8.816,3.683C95.201,31.138,96.429,34.078,96.429,37.5z' /></svg>");
background-position: center top;
background-size: 75% auto;
}

ul > ul > li {
    font-size: 2rem; 
}

.reddot {
    height: 25px;
    width: 25px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
}

.yellowdot {
    height: 25px;
    width: 25px;
    background-color: yellow;
    border-radius: 50%;
    display: inline-block;
}

.greendot {
    height: 25px;
    width: 25px;
    background-color: green;
    border-radius: 50%;
    display: inline-block;
}

/* table, th, td {
    text-align: center; 
    border: 1px solid white; 
} */