/* This is the scss file for the main page */
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora&family=Martel:wght@200&Work+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;600&display=swap');

@media only screen and (max-width: 600px) {
	
}


body {
  background-color: black;
  font-family: 'Martel', serif; }

.row {
  margin-top: 10vh; }

div#top-panel {
  width: 100vw;
  background-color: black; }

header h1 {
  font-size: 6vw; }
  header h1 .innittext {
    font-family: 'Alfa Slab One';
    color: #ddd; }
  header h1 .cooltext {
    color: white; }


#standfirst {
	color: #999999;
	line-height: 1.5;
	text-align:center;
	font-size:75%;
	margin-top: 4em;
}

h2#mainPoemTitle {
	color:silver;
	margin-bottom:0.5em;
}

#mainPoemDate {
	color:silver;	
	margin-bottom:1em;
}

#mainPoemText {
  color:white;
  margin-bottom: 2em;
}

#mainPoemImage {
	max-width: 75%;	
	max-height: 75%;
	margin-bottom:2em;
}

#mainPoemComment {
	color: silver;
	font-style: italic;
	margin-bottom: 2em;
	max-width: 75%;
}

#aboutMartin {
	margin-top:1em;
	color: #aaaaaa;
}

#info-area {
  color: #ddd;
  padding: 3vh;
  padding-right: 10vh;
  text-align: right; }

#index-area {
  padding: 3vh;
  padding-left: 10vh;
  color: #ddd;
  text-align: left; }

section#possibles {
  background-color: white;
  color: #222;
  font-family: 'Work Sans', sans-serif; }

#possibles-main-col {
  padding: 2em 0em; }

#possibles {
  font-size: 1.5rem;
  font-weight: 100; }
  #possibles h2 {
    font-family: Barlow;
    font-weight: 600; }
  #possibles .text-div {
    margin-top: 1em; }
  #possibles ul {
    list-style: none;
    padding-left: 0px; }
    #possibles ul li {
      font-family: Barlow; }

#easy-to-edit {
  background-color: silver;
  padding-top: 2em;
  font-family: barlow;
  font-weight: 100; }
  #easy-to-edit h2 {
    width: 100%;
    text-align: center;
    font-weight: 600; }

footer {
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;

  color: #ddd;
  width:100%;
  border-top: 1px solid #888;
  background-color: #333; 
}

.footer-text {
  font-size: 75%;
  padding: 1em 3em 1em 3em;
}

.footer-text a {
  color: #fff;
}