body {

    background-color: #fff6f6;

    margin: 010%;
    
    font-family: sans-serif;
    
    }

    
/* Oculi Display Regular
font-family: "oculi-display", sans-serif;
font-weight: 400;
font-style: normal;

Oculi Display Regular Italic
font-family: "oculi-display", sans-serif;
font-weight: 400;
font-style: italic;

Oculi Display Bold
font-family: "oculi-display", sans-serif;
font-weight: 700;
font-style: normal;

Oculi Display Bold Italic
font-family: "oculi-display", sans-serif;
font-weight: 700;
font-style: italic;

Oculi Text Regular
font-family: "oculi-text", sans-serif;
font-weight: 400;
font-style: normal;

Oculi Text Regular Italic
font-family: "oculi-text", sans-serif;
font-weight: 400;
font-style: italic;

Oculi Text Bold
font-family: "oculi-text", sans-serif;
font-weight: 700;
font-style: normal;

Oculi Text Bold Italic
font-family: "oculi-text", sans-serif;
font-weight: 700;
font-style: italic; */

/* Basset Eight
font-family: "basset-eight", sans-serif;
font-weight: 400;
font-style: normal;

Basset Five
font-family: "basset-five", sans-serif;
font-weight: 400;
font-style: normal;

Basset Four
font-family: "basset-four", sans-serif;
font-weight: 400;
font-style: normal;

Basset One
font-family: "basset-one", sans-serif;
font-weight: 400;
font-style: normal;

Basset Seven
font-family: "basset-seven", sans-serif;
font-weight: 400;
font-style: normal;

Basset Six
font-family: "basset-six", sans-serif;
font-weight: 400;
font-style: normal;

Basset Three
font-family: "basset-three", sans-serif;
font-weight: 400;
font-style: normal;

Basset Two
font-family: "basset-two", sans-serif;
font-weight: 400;
font-style: normal; */

p {
font-family: "oculi-display", sans-serif;
font-weight: 400;
font-style: normal;

}

h1 {
font-family: "basset-seven", sans-serif;
font-weight: 400;
font-style: normal;
}

h2 {
font-family: "oculi-display", sans-serif;
font-weight: 400;
font-style: normal;
}

h3 {
font-family: "oculi-text", sans-serif;
font-weight: 700;
font-style: normal;
}

img {
    border: 3px dashed brown
  }

nav {
  background-color: hsla(0, 98%, 66%, 0.813);
  padding: 50px 12px 8px 12px;
}

/* ////////// NAV LINKS /////////*/
nav {
height: em;
padding: .1em 0;
letter-spacing: .4px;
font-size: 1.5em ;
font-weight: 800;
text-align: center;
}

/* unvisited link */
nav a:link {
color: #c82fae;
background-color:#ffb4f3;
border-radius: 3px;
text-decoration:none;
}
/* visited link */
nav a:visited {
color: hsl(345, 35%, 70%);
background-color:#b77474;
border-radius: 6px;
}
/* mouse over link */
nav a:hover {
color: #6e075d;
background-color:#b380aa;
}

/* selected link */
nav a:active {
color: rgb(255, 255, 255);
}

nav a.active {
/* PUT "active" AS A CLASS ON THE CURRENT PAGE LINK */
color: #6e075d;
background-color:#b380aa;
border-radius: 4px;
}
/* ////////// LINKS /////////*/

/* unvisited link */
a:link {
color: #b19b2b;
text-decoration:none;
}

/* visited link */
a:visited {
color: #ff0000;
}

/* mouse over link */
a:hover {
color: #539437;
}

/* selected link */
a:active {
color: #fff;
}