/*Style idea: https://www.wix.com/website-template/view/html/2738?originUrl=https%3A%2F%2Fwww.wix.com%2Fwebsite%2Ftemplates%2Fhtml%2Fblank&tpClick=view_button&esi=134a291c-7e8b-4e50-8b8b-d90ee66db68b*/

/*CSS Notes:*/
/* 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." */
/*Predefined colors: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. transparent*/
/*a select few “safe” fonts (the most commonly used are Arial, Verdana and Times New Roman)*/
/* or define specific colors: rgb(255,0,0), rgb(100%,0%,0%), #ff0000, #f00*/
/*font-weight: bold or font-weight: normal ARE TYPICAL. Other values are bolder, lighter, 100, 200, 300, 400 (same as normal), 500, 600, 700 (same as bold), 800 or 900.*/
/*text-transform: capitalize turns the first letter of every word into uppercase.
text-transform: uppercase turns everything into uppercase.
text-transform: lowercase */
/*The four sides of an element can also be set individually. margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom and padding-left */
/*Borders: border-width sets the width of the border, most commonly using pixels as a value. There are also properties for border-top-width, border-right-width, border-bottom-width and border-left-width. border-color sets the color.*/
/*<div> and <span> Tags: https://www.geeksforgeeks.org/html/difference-between-div-and-span-tag-in-html/ */


body {
  background-color: white;
  color: black;
  font-family: Verdana;
  font-size: 20px;
  border: 0;
  text-align: justify;
}
p {
  color: black;
  font-family: "Times New Roman";
  }
h1 {
  font-variant: small-caps;
  text-align: center;
  }
h2 {
  text-decoration: underline; 
  background-color: #ccc;
  margin: 20px;
  padding: 40px;
   border-style: dashed;
    border-width: 3px;
    border-left-width: 10px;
    border-right-width: 10px;
    border-color: red;
  }
.username {
  font-weight: bold;
  font-style: italic; /* or font-style: normal;*/
  }