/* Author: Tushaar Gangavarapu */
/* Custom CSS for the website */

/**************************************************************/

:root {
    /* Amazon squidink color */
    --text-color: #212529;
    --max-page-width: 820px;
    --link-color: blue;
    --visited-link-color: blue;
    --hr-color: rgb(148, 148, 148);
    --bg-color: white;
    --font-size: 85%;
}

/**************************************************************/

/* Heading styles */

h1 {
    font-size: 180%;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 120%;
}

h4,
h5 {
    font-size: 100%;
}

/* Adapted from: https://kellerjordan.github.io/posts. */
h1,
h2,
h3,
h4,
h5 {
    font-weight: 700;
    line-height: 1.2;
}

h1 {
    margin-top: 32px;
    margin-right: auto;
    margin-bottom: 24px;
    margin-left: auto;
}

h2 {
    margin-top: 24px;
    margin-right: auto;
    margin-bottom: 16px;
    margin-left: auto;
}

h3,
h4,
h5 {
    margin-top: 16px;
    margin-right: 0;
    margin-bottom: 12px;
    margin-left: 0;
}

/**************************************************************/

/* Head, body, and paragraph styles */

/* Adapted from: https://cs.stanford.edu/~chrismre/ */
head {
    color: #000;
}

body {
    /* 
     * font-family: "Times New Roman", serif;
     * font-size: 100%; 
     */
    /* Optimal font stack: https://github.com/necolas/normalize.css/issues/665 */
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: var(--font-size);
    background-color: var(--bg-color);
    color: var(--text-color);
    line-height: 1.55;
    margin-top: 1.5%;
    margin-bottom: 1.5%;
    margin-left: 3%;
    margin-right: 3%;
    max-width: var(--max-page-width);
    /* Copied from: https://kellerjordan.github.io/posts. */
    word-break: break-word;
}

.header {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header-text {
    margin-left: 1.5em;
}

.profile-pic {
    border-radius: 1.5%;
}

p+ul {
    margin-top: -10px;
}

/**************************************************************/

/* Link styles */

a {
    text-decoration: none;
}

a:link,
a:active {
    color: var(--link-color);
}

a:hover {
    text-decoration: none;
}

/* Standard purple: #551A8B */
a:visited {
    color: var(--visited-link-color);
}

/* Copied from: https://kellerjordan.github.io/posts. */
a,
a:hover {
    box-shadow: 0 1px;
}

/**************************************************************/

/* Other styles */

blockquote {
    padding-left: 15px;
    margin-bottom: 20px;
    border-left: 4px solid var(--hr-color);
    margin-left: 15px;
}

/* Creates a side-by-side alignment of different items, like minipage in LaTeX */
.minipage {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/**************************************************************/

/* HR styles */

hr {
    border: none;
    border-top: 1.2px solid var(--hr-color);
}

.hr-img {
    border: none;
    border-top: 1px solid var(--hr-color);
    width: 81%;
    margin-top: 0em;
    margin-left: 0em;
}

.hr-padded {
    border: none;
    border-top: 1.2px solid var(--hr-color);
    margin-top: 1.5em;
}

.hr-padded-big {
    border: none;
    border-top: 1.2px solid var(--hr-color);
    margin-top: 1.5em;
    margin-bottom: 1.2em;
}

.hr-small-left {
    border: none;
    border-top: 1px solid var(--hr-color);
    width: 10%;
    margin-top: 1em;
    margin-left: 0em;
}

/**************************************************************/

/* Code styles */

pre>code {
    font-family: monospace;
}

pre {
    margin: 0;
    padding: 0;
    display: flex;
    font-size: small;
}

.hljs {
    color: black !important;
    background: white !important;
}

code.hljs {
    margin: 0;
    padding: 0 !important;
}

.hljs-symbol,
.hljs-number,
.hljs-link,
.hljs-attr,
.hljs-variable.constant_,
.hljs-literal {
    color: blue !important;
}

.hljs-string {
    color: limegreen !important;
}

.hljs-keyword {
    color: magenta !important;
}

.ps-comment {
    color: magenta !important;
}

.ps-root {
    font-size: 1.05em !important;
}

/**************************************************************/

/* Audio styles */

audio::-webkit-media-controls-enclosure {
    background: none !important;
}

audio {
    height: 15px !important;
}

/**************************************************************/

/* Break and indent styles */

.tab-indent {
    margin-left: 20px;
}

.two-tab-indent {
    margin-left: 40px;
}

/**************************************************************/

/* Table styles */

.timeline-table {
    border-collapse: collapse;
    width: 100%;
}

.timeline-table td {
    vertical-align: top;
    padding-right: 15px;
    padding-bottom: 0px;
}

.papers-table {
    border-collapse: collapse;
    width: 100%;
}

.papers-table th {
    background-color: #eee;
    text-align: left;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 20px;
}

.papers-table td {
    vertical-align: top;
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
}

/* Taken from Lillian's Papers page: 
 * https://www.cs.cornell.edu/home/llee/papers.html. 
 */
.papers-table td#is-not-publication {
    font-size: smaller;
}

/**************************************************************/