/*
	Charls Sebastian
	ITWP 1050
	Homework 2 - CSS File
*/

/* This styles the font for h1 */
@font-face {
    font-family: Jasina;
    src:url("FontsJasina/JANSINA-Regular.woff") format("Web Open Font")
  }
/* This varies the font for both H1 & H2 */
  h1{
    font-variant: small-caps;

  }
  h2{
    font-variant: small-caps;
  }
/* General Website Style rules */
body {
/* This controls the font type for the page */
    font-family: "Helvetica", Sans-Serif;
/* This controls the font size for the page */
    font-size: 12px;
/* This controls the font length for the page */
    font-size: 0.8em; 
/* This controls the image properties for the page */    
    background-image: url("indiamap.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    overflow: auto;
    text-align:center;
    background-color: rgb(188, 184, 179);}
/* This controls the font weight for the page */   
/* Class that styles paragragphs */
.chocolate-background-text {
    color:chocolate;
  }
html,body{margin:0;padding:0}
/* Styles the background */
/* ID that styles Orgins Heading */
#Origins {
    color: blueviolet;
}
/* ID that styles Family Heading */
#Family {
    color: rgb(214, 96, 214)
}
/* ID that styles Time Passing By Heading */
#Time {
    color: rgb(119, 30, 119)
}
/* ID that styles Religion Heading */
#Religion {
    color: palevioletred
}
/* Setting page margin */
p{margin:0 10px 10px
}
span{margin:0 10px 10px
}
/* Class that styles contact info */
.midnightblue-background-text {
    color:midnightblue
} 
/*ID that aligns left class homepage */
#container {
    text-align: left;
    color: black;
}
ul {
    padding-left: 2rem;
    list-style-type: none;
  }
  /* Styles the font weight */
    p {
          font-weight: bold;
      }
    div {
            font-weight: bold;
    }
/* unvisited link */
a:link {
    color: red;
  }
  
  /* visited link */
  a:visited {
    color: green;
  }
  
  /* mouse over link */
  a:hover {
    color: hotpink;
  }
  
  /* selected link */
  a:active {
    color: blue;
  }
  /*styles image border */
  img {
    border: 5px solid black;
  }
/*this styles first letter of each paragraph*/
div::first-letter {
    color: orangered;
}
/*this styles the first line of paragraph*/
div::first-line {
    color: blue;
}