@import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap');
legend {
    font-size: 0rem;
}
:root {
  --cassiopeia-color-primary: #6e6e6d;
  --cassiopeia-color-hover: #808080;
  --cassiopeia-color-link: #6e6e6d;
}
h1, h2, h3, h4, h5, h6 {
  color: #6e6e6d;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #6e6e6d;
}
.container-header {
 background-color: #ffffff;
 background-image: none;
}
.container-header .mod-menu {
 color: #6e6e6d;
 font-size: 1.5rem;
 flex: unset;
}
.container-header .navbar-toggler {
 color: #db504a;
 border: 1px solid #db504a;
}


.intro {
  width: 620px;
  margin-left: 50px; 
  padding: 50px;
  font-family: "Charm", cursive;
  font-weight: 500;
  font-style: normal;
  color:#697C89;
}
.intro h2 {
    font-size: 140%;
    font-weight: 700;
    color:#697C89;
}
.cpbox {
  width: 320px;
  margin-left: 25px; 
  padding: 25px;
  background-image: url(purple-sq.gif) left top repeat;
  font-family: "Charm", cursive;
  font-weight: 500;
  font-style: normal;
  color:red;
}
.cpbox h2 {
    font-size: 140%;
    font-weight: 700;
    color:red;
}

.captionplus {
font-family:Verdana, Geneva, sans-serif; font-size:10px;
}
.cp-style (
  padding: 20px;
  color: #6e6e6d;
}
.cp-style h1, h2, h3 {
  color: #6e6e6d;
}
.cp-style a:link, a:visited {
  color: #6e6e6d;
  text-decoration: none;
  display: inline-block;
}
.cp-style a:hover, a:active {
  color: #000;
  text-decoration: underline;
}
.cp-footnav {
  background-color: #6e6e6d;
  padding: 20px;
  color: white;
}
.cp-footnav h1, h2, h3 {
  color: white;
}
.cp-footnav a:link, a:visited {
  color: white;
  text-decoration: none;
  display: inline-block;
}
.cp-footnav a:hover, a:active {
  color: white;
  text-decoration: underline;
}
.footer {
background-image: linear-gradient(135deg,#697C89 0,#A5B4BD 100%);
}
 .example1 {
  background: url(purple-sq.gif) left top repeat;
  padding: 15px;
}
/**** Test background and padding  *****/
#d-1 { 
  background: yellow; border: 3px dashed blue
}
#d-2 { 
  background: lime; border: 3px dashed blue
}
.pad-px {
  padding: 10px
}
.bg-cp {
  background-color: red:
}
 .cpborder {
  border-width: 3px;
  border-style: dashed;
  border-color: red;
        }