/* Fruitger Font (Code from Land Projects) */
@font-face {
  font-family: 'Fruitger';
  src: url('https://file.garden/ZvgeZH6UyWRXW7kB/Frutiger%20Light.woff2') format('woff2');
}


body {
  color: #ffffff; 
  font-family: Fruitger; 
  text-shadow: 0px 2px rgba(0, 0, 0, 0.12);
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/1/13/Green_Grass.JPG/960px-Green_Grass.JPG?20071229203629");
  /* May look weird if not in 16:9 */
  background-size: cover;
 
}

.thin_heading {
  font-weight: normal;
}

/* Link styles (found how to use: W3 Schools (https://www.w3schools.com/css/css_link.asp)) */

a:link, a:visited {
  color: white;
}

a:hover {
  color: #d0d0d0;
}

a:active {
  color: #d0d0d0;
}

.navi {
  text-shadow: 0px 2px rgba(0, 0, 0, 0.12);
  text-decoration: none;
  font-weight: normal;
  display: inline;
  font-size: 16px;
}

header {
  /* Heading background made using CSS Gradient (https://cssgradient.io/) */
  background: linear-gradient(0deg,rgba(135, 135, 135, 0.35) 0%, rgba(49, 59, 53, 0.59) 50%, rgba(115, 115, 115, 0.48) 50%, rgba(217, 217, 217, 0.18) 100%);
  padding: 6px;
  border: 2px rgba(0, 0, 0, 0.33);
  border-style: solid;
  border-radius: 10px;
  float: left;
}
/* standard background used mostly in paragraph tags */
.stand_back {
  color: white;
  /* Standard background made using CSS Gradient (https://cssgradient.io/) */
  background: linear-gradient(0deg,rgba(64, 64, 64, 0.5) 0%, rgba(49, 59, 53, 0.59) 50%, rgba(115, 115, 115, 0.48) 50%, rgba(105, 105, 105, 0.4) 100%);
  padding: 5px;
  border: 2px rgba(0, 0, 0, 0.33);
  border-style: solid;
  border-radius: 10px;
  text-align: left;
}
/* Inlines */
.inline {
  display: inline;
}

.italic_inline {
  color: white;
  font-family: Fruitger;
  text-shadow: 0px 2px rgba(0, 0, 0, 0.12);
  display: inline;
  font-style: italic;
}

p {
  color: white;
  font-family: Fruitger;
  text-shadow: 0px 2px rgba(0, 0, 0, 0.12);
}

h1 {
  font-weight: bold;
}
/* Images used on the "coding" page CSS */
.code_img {
  max-height: 100px;
  float: right;
  max-width: 100px;
}

.footer_text {
  /* Footing background made using CSS Gradient (https://cssgradient.io/) */
  background: linear-gradient(0deg,rgba(15, 15, 15, 0.35) 0%, rgba(49, 59, 53, 0.59) 50%, rgba(115, 115, 115, 0.48) 50%, rgba(123, 123, 123, 0.31) 100%);
  padding: 4px;
  border: 2px rgba(0, 0, 0, 0.33);
  border-style: solid;
  border-radius: 10px;
  font-size: 10px;
  float: right;
  font-style: italic;
}