/* overall website settings! */

body {
    background: #f0d9ff; /* website background color */
    font-family: "Georgia", serif; /* website font */
}

div.side-by-side {
    display: flex;
}

img { /* size for all images */
    width: 59%;
    max-width: 300px;
}

.featureBlock { /* nav bar/footer settings */
    background-color: white;
    font-size: smaller;
}

div.flex {
    display: flex;
}

.divider { /* divider line (not under headers) */
    border-bottom: 1px solid #000;  /* line thickness + color */
    padding-bottom: 4px;            /* space between text and line */
    margin-bottom: 40px;            /* space below the line */
}


/* resume page settings! */

.side-item {
    display: flex;
    justify-content: space-between; /* puts them on opposite sides */
    align-items: center; /* vertically centers them */
    margin-bottom: 8px; /* optional spacing between items */
}

.side-item h3,
.side-item .dates {
    margin: 0; /* remove default browser spacing */
}

h3 { /* spacing between h3 headers + lines */
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

h4 { /* spacing between h4 headers + lines */
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

.resume-page h3 { /* header dividers */
    border-bottom: 1px solid #000; /* thickness + color */
    padding-bottom: 4px; /* space between text and line */
    margin-bottom: 10px; /* space below the line */
    margin-top: 40px;
}

.resume-button { /* pdf button */
    display: inline-block;
    margin-top: 18px;
    margin-bottom: 10px;
    padding: 10px 18px;
    background-color: #fffdf7;
    color: black;
    text-decoration: none;
    border-radius: 6px;
    font-family: "Georgia", serif;
    transition: background-color 0.3s;
}

.resume-button:hover {
    background-color: #edeae1; /* changes color of button when mouse hovers over it */
}


/* gallery page settings! */

div.side-by-side {
    display: flex;
    width:90%; 
}

figure.washingtoncathedral {
    flex: 2;
}

figure.nationalharbor {
    flex: 2; 
}

figure.oldtown {
    flex: 1; 
}

figure.nyc {
    flex: 1; 
}

figure.capitol {
    flex: 2;
}

figure.columbiamall {
    flex: 2; 
}

figure.niagarafalls{ 
    flex: 2;
}


/* index page settings! */

div.thinglink {
    width:95%;  
}

div.thinglink iframe { 
  width: 90%;
  max-width: 600px;
  max-height: 720px;
}


/* text analysis page settings! */
figure.jefferson{ /* word cloud/speech graph sizes */
    border-style: dashed;
    border-color: #FA7D7D;
    border-width: 3px;
    width: 90%;
    max-width: 600px;
}


figure.kennedy{ /* word cloud/speech graph sizes */
    border-style: dashed;
    border-color: white;
    border-width: 3px;
    width: 90%;
    max-width: 600px;
}

figure.obama{ /* word cloud/speech graph sizes */
    border-style: dashed;
    border-color: #7DA5FA;
    border-width: 3px;
    width: 90%;
    max-width: 600px;
}

div.Jbox { /* box around jefferson kwic */
    width:90%;
    border-style: dashed;
    border-color: #FA7D7D;
    border-width: 3px;
    }
    
div.Kbox { /* box around kennedy kwic */
    width:90%;
    border-style: dashed;
    border-color: white;
    border-width: 3px;
    }
    
div.Obox { /* box around obama kwic */
    width:90%;
    border-style: dashed;
    border-color: #7DA5FA;
    border-width: 3px;
    }
    
img.Jimg { /* size of jefferson images */
    width: 59%;
    max-width: 800px;
}

img.Kimg { /* size of kennedy images */
    width: 59%;
    max-width: 800px;
}

img.Oimg { /* size of obama images */
    width: 59%;
    max-width: 800px;
}


/* game analysis page settings! */
figure.landmark {
    flex: 2;
}

figure.town {
    flex: 2;
}

figure.moe {
    flex: 2;
}

figure.graphics {
    flex: 2;
}

figure.movements {
    flex: 2;
}

figure.airship {
    flex: 2;
}


figure.npc {
    flex: 2;
}

figure.clock {
    flex: 2;
}

figure.items {
    flex: 2;
}

figure.tasks {
    flex: 2;
}

figure.trade {
    flex: 2;
}