/*
Title         MathFiguredOut.css
Author        Gordon Moore
Date          10 October 2017

Description   My maths book - new web pages revision

Version History
v 0.1         10 October 2017 Initial Version

*/
@font-face {
  font-family: myCursive;
  src: url('../fonts/comicbd.ttf') format("truetype");
}

body {
  background-color: #B7C8F6;
  font-family: verdana;
  font-size: 1.0em;
  line-height:1.8em;
  max-width: 800px;
}

heading {
  display: grid;
  grid-template-columns: 90px auto;
  align-self: left;
}

#mfologo {
  height: 120px;
}

#mfoimage {
  height: 120px;
  width: 90px;  
}



#mfotitle {
  font-family: "myCursive", "Comic Sans MS", Cursive, sans-serif;
  color: #3B56A0;
  font-size: 4.6em;
  font-weight: bold;
  line-height: 1.0em;
  margin-top: -7px;
  margin-left: 5px;
}

/*samsung note 4 2,560 x 1,440 pixels*/ 
@media screen and (max-width:700px) {

}

section {  
  margin-top: 1em;
  margin-bottom: 3em;
}

section#main {
  border: 2px solid darkblue;
  padding: 1em;
  border-radius: 5px;
}

.sectionHeader {
  color: #207054; /*#3B5655;*/
  background-color: #f6f698;
  font-size: 1.3em;
  margin-top:2px;
  margin-bottom: 4px;
  padding:0.2em;
  border: 1px solid #207054;
  border-radius: 5px;
}

.sectionHeader:hover {
  color: blue;
}

.chapter {
  font-size: 1.2em;
  color: darkGreen;
  margin-bottom: 0.5em;
  margin-left: 1em;
}

.chapter:hover {
  /*font-weight: bold;*/
  color: #756ADA;
}

.chapter:active {
  color: orange;
}

footer {
  margin-top: 3em;
}