/*
zhgeca stylesheet
css


This is the first external css stylesheet for the website

Note the 5th character of the coord is c for css
*/

body {font-family:times new roman; font-size:16px; margin:0; padding:0; background-color:dodgerblue}

img {max-width:100%; height:auto} 

textarea {min-width:100%; height:auto; padding:5px; font-size:14px; box-sizing:border-box; border:1px solid black}

textarea:focus {outline:none}

input {min-width:88%; height:auto; padding:0px; font-size:14px}

button {font-size:16px; border:4px ridge silver; padding:4px; background-color: #dfdfdf}

p {padding:0px}

hr {height:5px; background-color:lightgray; border:0}

pre {white-space:pre-wrap}

.lightgray {background-color:lightgray; padding-left:5px}

.palegreen {background-color:palegreen; padding-left:5px}

.flex-container {display:flex; flex-wrap:wrap; width:auto; background-color:dodgerblue; border:0px solid green; padding:0 0 10px 10px}

.flex-container > div {background-color:#ffffff; width:350px; margin:10px 10px 0 0; padding:10px; text-align:left; line-height:30px; font-size:16px; border:2px solid black; flex-direction:column}

#flex_container {display:flex; flex-direction:column; width:auto; background-color:dodgerblue; border:0px solid red; padding:0 0 10px 10px}

#div_container {display:flex; flex-wrap:wrap; align-items:flex-start; width:auto; border:0px solid #ccc; width:fit-content; padding:0}

.box_style {display:flex; flex-direction:column; align-items:flex-start; padding:10px; width:auto; height:auto; background-color:white; margin:0 10px 10px 0; max-width:100%}

.filepath_style {font-size:20px; padding:0 10px}

.item_style {flex-grow:1; height:auto; line-height:20px; border:0; padding:15px 0 0 0; font-size:16px}

#piece_html {margin:0; width:auto; padding:10px; border:2px solid black; background-color:white; width:fit-content; margin-right:10px}

#bottomLink {padding-left:10px; background-color:white; border-width:0 2px 2px 2px; border-style:solid; width:fit-content}