/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

/* GENERAL */

footer {
  position:fixed;
  bottom:0;
  left:0;
  max-width:190px;
  min-width:190px;
  margin:auto;
  text-align:center;
  background-color:rgba(8, 4, 74, 0.98);
  padding:8px;
  border-radius:0px 8px 0 0;
  color:white;
  font-size:90%;
}

a {
  color:#609b9c;
  }
a:hover {
  letter-spacing:2px;
  text-decoration-line: underline;
  text-decoration-style: wavy;
}

.contacts {
  background-color:white;
  color:black;
  text-align:center;
  margin:auto;
  padding:8px;
  border-style:solid;
  border-color:black;
  border-width:2px;
  width:40%;
  min-width:250px;
  margin-top:20px;
  margin-bottom:30px;
}

.contacts ul {
   list-style-type: none; 
   padding:0;
   margin:auto;
   display:block;
   font-size:90%;
}
.contacts li {
  padding:5px;
  display:inline-block;
 
}

body {
  background-color: white;
  color: black;
  font-family: garamond, serif;
font-weight: 400;
font-style: normal;
margin:0;
}

archivebg {
  background-image: url("https://imagineincandescent.neocities.org/publication_archive/photos/Cold%20Pressed%20Arctic.JPG");
  background-size:cover;
  background-repeat: no-repeat;
   background-attachment: fixed;
}

/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  background-image:url("https://imagineincandescent.neocities.org/welcome/photos/newspaperbg.png");
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(0,0,0, 0.3);
}


/*GENERAL END */

/* INDEX PAGE */

#INDEX {
  max-width:1200px;
  background-color:lightblue;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align:center;
  min-width:300px;
  padding:12px;
}

#INDEX h1 {
   color:white;
  font-family: "schwarzkopf-new", sans-serif;
font-weight: normal;
font-style: normal;
font-size:480%;
margin-bottom:-15px;
padding:4px;
}

#INDEX a {
  text-decoration:none;
  color:white;
}
#INDEX a:hover {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  letter-spacing:normal;
  text-decoration-thickness: 1px;
  text-decoration-color:white;
}

/* INDEX END */

/* HEADING AND NAVBAR */

header {
  background-color:lightblue;
  max-width:550px;
  height:auto;
  padding:4px;
  text-align:center;
  margin:auto;
  color:white;
  font-family: "schwarzkopf-new", garamond, serif;
font-weight: normal;
font-style: normal;

}

header h2 {
  font-size:140%;
}
.navbar {
  background-color:white;
  padding:4px 4px 8px 4px;
  height:auto;
  min-width:20%;
  max-width:900px;
  display:block;
  text-align:center;
  color:purple;
  margin:auto;
  border-style:none none solid none;
  border-color:black;
  border-width:2px;
}

.navbar ul {
   list-style-type: none; 
   padding:0;
   margin:auto;
   display:block;
}
.navbar li {
  background-color:white;
  padding:5px;
  display:inline-block;
 
}
.navbar a {
  color:#d9ad55;
  text-decoration:none;
  }
  /* HEADING NAVBAR END*/

/* STAFF PAGE*/
.staffprofile > img {
  width:290px;
  display:block;
  height:auto;
  padding:4px;
}

#staffcenter {
  max-width:1700px;
  margin:auto;
  display:block;
}

#staffmainpage {
  display:block;
  margin:auto;
  margin-top:30px;
}

.staffprofile {
 display:flex; 
 justify-content:center;
 align-content:center;
 max-width:1200px;
 margin:auto;
 flex-wrap:wrap;
}
.staffwriting {
  background-color:white;
  max-width:700px;
  padding:15px;
  color:black;
}

/* MAIN PAGE */

#notices {
  background-color:white;
  max-width:800px;
  margin:auto;
  padding:20px;
  color:black;
  margin-top:0;
  border-style:solid none solid none;
  border-color:black;
  border-width:2px;
  display:block;
}

#noticescontainer {
  height:80%;
  background-color:#023652;
   overflow:auto;
   padding:8px;
  margin-bottom:0;
  color:white;
}

#suggestionsbox {
  background-color:lightblue;
  max-width:800px;
  margin:auto;
  padding:20px;
  margin-top:8px;
  display:block;
  color:#08044a;
}

#missionstatement {
  background-color:#023652;
  max-width:800px;
  margin:auto;
  padding:20px;
  margin-top:8px;
  color:white;
}

#welcomephotos {
  max-width:810px;
  background-color:white;
  color:black;
  margin:auto;
  overflow: auto;
  padding:20px;
  text-align:left;
  padding-bottom:4px;
}

#welcomephotos img {
  float:right;
}

/* DIRECTORY */

#directorylogo {
  font-size:4em;
  padding:4px;
  max-width:900px;
  margin:auto;
  margin-top:20px;
  background-color:#023652;
  color:white;
}

#newestpublication {
  background-color:white;
  color:black;
  height:auto;
  max-width:550px;
  padding:12px;
  flex-grow:8;
  min-width:300px;
  border-style: none solid solid solid;
  border-color:black;
  border-width:2px;
}

#tobeaphotointime {
  max-height:300px;
  max-width:190px;
  background-color:green;
}

#pastpublications {
  background-color:lightblue;
  flex-grow:1;
  padding:12px;
  min-width:250px;
  min-height:20vh;
  color:white;
}

#pastpublications a {
  color:white;
}

#directoryflexcontainer {
  display:flex;
  align-content:center;
  justify-content:center;
  max-width:908px;
  margin:auto;
  flex-wrap:wrap;
}
/* DIRECTORY END */

/* ISSUE FORMATTING BEGIN */

/*interviews */

.interview {
  width:60%;
  border-style:none none solid none;
  border-color:black;
  margin:auto;
  min-width:340px;
  background-color:;
  padding:20px;
  margin-top:20px;
}
.interview h2 {
  color:white;
  background-color:black;
  padding:20px;
  font-size:2em;
  margin-bottom:0;
  margin-top:2px;
}
.interview h3 {
  background-color:rgba(8, 4, 74, .8);
  border-radius: 0 0 20px 0;
  margin-top:0;
  padding:12px;
  width:20%;
  color:white;
  min-width:100px;
}
.interview p {
  text-indent:30px;
}

/*articles*/

.article {
  width:60%;
  border-style:none none solid none;
  border-color:black;
  margin:auto;
  min-width:340px;
  background-color:;
  padding:20px;
  margin-top:20px;
}

.article h2 {
  color:white;
  background-color:lightblue;
  padding:40px;
  padding-bottom:80px;
  font-size:2em;
  margin-bottom:0;
  margin-top:2px;
  text-align:right;
}

.article h3 {
  font-style:italic;
  background-color:white;
  color:rgba(8, 4, 74, .8);
  padding:12px;
  width:30%;
  min-width:280px;
  margin-top:0;
  border-style: none solid solid solid;
  border-color:lightblue;
  border-width:2px;
  border-radius: 0 0 20px 0;
}

.article p {
  text-indent:30px;
}