html {
   background-color: rgb(248, 244, 238);
   color: #0c034c;
}
h1
{
    font-family: "raleway", sans-serif;
font-weight: 700;
font-style: normal;
text-align: center;
font-size: 30pt;


}

#title {
    font-size: 60pt;
    margin: 0;
    margin-top: -15pt;
}

h2 {
    font-family: "raleway", sans-serif;
font-weight: 700;
font-style: normal;
text-align: center;

}

h3 {
    font-family: "raleway", sans-serif;
font-weight: 400;
font-style: normal;
text-align: center;
font-size: 17pt;

}
section {
    font-family: "raleway", sans-serif;
font-weight: 400;
font-style: normal;
}

#fontweight {
border: 4px solid #0c034c;
  padding: 1em;
  width: 500px;
  background-color: #d9f2ff;
  border-radius: 6px;
  margin: 2em auto;
}

#fontstyle {
    border: 4px solid #0c034c;
  padding: 1em;
  width: 500px;
  background-color: #d9f2ff;
  border-radius: 6px;
  text-align: right;
  margin: 2em auto;
}

#letterspacing {
   border: 4px solid #0c034c;
  padding: 1em;
  width: 500px;
  background-color: #d9f2ff;
  border-radius: 6px; 
  margin: 2em auto;
  
}

#texttransform {
  border: 4px solid #0c034c;
  padding: 1em;
  width: 500px;
  background-color: #d9f2ff;
  border-radius: 6px;  
  text-align: right;
  margin: 2em auto;
}

#textdecor {
 border: 4px solid #0c034c;
  padding: 1em;
  width: 500px;
  background-color: #d9f2ff;
  border-radius: 6px;   
  margin: 2em auto;
}

#light
{
    font-weight: 30;
}

#bold
{
    font-weight: 600;
}

#italic
{
    font-style: italic;
}

#three
{
    letter-spacing: .3em;
}

#minussix
{
    letter-spacing: -.06em;
}

#lowercase
{
    text-transform: lowercase;
}

#uppercase
{
    text-transform: uppercase;
}
#cap
{
    text-transform: capitalize;
}

#underline {
    text-decoration: underline;
}

#line-through {
    text-decoration: line-through;
}

#overline {
    text-decoration: overline;
}