* {
  box-sizing: border-box;
}

body {
  background-color: #add8e6; /* base baby blue */
  background-image: radial-gradient(#9cc9e0 10%, transparent 10%); /* darker blue dots */
  background-size: 40px 40px; /* spacing between dots */
  margin: 0;
  font-family: Arial, sans-serif;
  padding: 20px 20px 80px 20px;
  /* ^^^ top right bottom left */
}





/* Style for your main headline */
#about-kiana {
  font-family: 'BBH Sans Bartle', sans-serif; /* the cool Y2K font */
  color: hotpink; /* bright pop color */
  font-size: 64px; /* big for main headline */
  text-align: center; /* center on the page */
  text-transform: uppercase; /* make all letters uppercase */
  letter-spacing: 4px; /* spread letters for a magazine look */
  text-shadow: 2px 2px 5px #ffccff; /* soft shadow for pop effect */
  margin-top: 50px; /* space from top */
  background-color: yellow; /* highlight behind letters */
  display: inline-block; /* makes the background fit the text */
  padding: 0 10px; /* optional: adds space around letters */
}

#about-kiana img {
  width: 50px;
  vertical-align: middle;
  margin-left: 10px; /* space between text and image */
}

nav {
  background-color: white;
  padding: 20px;
  position: fixed;
  bottom: 0px;
  left:0px;
  width: 100%;
  text-align: center;
}


h1 {
  : rgb(202, 126, 209);
  text-align: center;
  font-family: "bbh sans bartle", sans-serif;
}

h2 {
font-size: 16px;
font-weight: bold;
font-size: 40px;
text-align: center;
}
h3 {
  text-align: left;
}

p, ol, ul {
  font-size: 20px;
  font-weight: normal;
}

p{
  color: black;
  text-align: left;

}

h1 {
    font-family: 'Orbitron', sans-serif;
}

p {
    font-family: 'VT323', monospace;
}

ol,ul {
  list-style: inside;
  padding-inline-start: 0;
  font-family: 'VT323', monospace;
}

h3 {
  font-family: 'BBH Sans Hegarty', sans-serif;
  color: rgb(102, 8, 54); /* your custom Y2K color */
  font-size: 36px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 1px 1px 3px #a83276; /* slightly lighter shadow for pop */
  margin-top: 30px;
  margin-bottom: 15px;
  border-bottom: 3px dotted hotpink; /* dotted divider */
  padding-bottom: 10px; /* adds space between text and divider */
}


ul {}

li {}


footer {}


small{}


img {}

  a:link {
    color: red;
    text-decoration:underline;
}
a:visited {
  color: rgba(33, 163, 201, 0.651);
  text-decoration:underline;
}
a:hover{
  color: green;
  text-decoration: underline;
}
a:active{
  color: purple;
  text-decoration: underline;
}
figure {
max-width: 800px;
  margin: 0;
}

figcaption

img{
  width: 100%;
}


a {}