/* Variables */
:root{
  --primary-color: #e8dcb5;
}
title {}
h1 {font-family: "Bebas Neue", sans serif; color: #1a9741;}
h2 {
    color: goldenrod; 
    border: 1px solid black;
    margin: 50px 5px 10px 50px
    
  } 
h3 {font-family: Papyrus, fantasy}
h3:{font-weight: bold;}
h3{color: red}
h4 {font-family: "Comic Sans MS", "Comic Sans", cursive, sans-serif; color:#0000aa;}
h6{text-shadow: 5px 5px #558abb;}
body {background-color: #c2d6f6}
ruby {color: #9B111E}
p{ color: #3f1551;}
a{
  color: hotpink;
  background-color: yellow;
  font-weight: bold;}

.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.Testclass {
  border: 5px solid;
  margin: 10px 10px 20px;
  padding: 20px;
  /*Vertical offset, Horizontal outset, blur, color*/
  box-shadow: 5px 5px 10px grey;
  border-radius: 10px
}

/*Gradients?*/
#Headings{
  background: radial-gradient(var(--primary-color), #FF000050);
}
/*test*/

.Responsive{
  max-width: 400px
}
/* Link, visted, hover, active"
"Link Visited His Aunt."*/