/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color:white;
  color: black;
  /* font-family: 'Arial', sans-serif */
  font-family: 'Dekko', sans-serif; /* Include a fallback font (cursive) in case Dekko can't load */
    font-size: 22px; /* Example font size */
}

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

/* background color and font */



#main {
background-color:white;
border: 1px solid;
border-color:white;
/* color: #hex; */
padding: 0px 20px 20px 20px;
width: 60%;
height:auto;
margin-left: 20%;
margin-right: 20%;
} /* container for about_me and index */

.container {
  display: flex; /* Aligns items horizontally by default */
  align-items: center; /* Vertically centers the text and image */
  gap: 20px; /* Adds space between the image and the text */
  width: 80%; 
  padding: 10px;
}

#header {
background-color:white;
border: 1px solid;
border-color:black;
/* color:#E0E0E0; */
padding: 0px 20px 20px 20px;
width: 60%;
height:auto;
margin-left: 20%;
margin-right: 20%;
} /* header at each page top */


a {
  color: #3BC3F7; 
} /* light teal for hyperlinks */

.paper {
    position: relative; 
    background-image: repeating-linear-gradient(transparent 0px, transparent calc(1.5em - 1px), lightblue 1.5em, lightblue 1.5em), linear-gradient(to right, transparent 0px, transparent 2em, pink 2em, pink calc(2em + 1px), transparent 2em, transparent calc(2em + 2px), pink 2em, pink calc(2em + 3px), transparent 2em);
    line-height: 1;
    margin: 1em;
    padding: 0.3em 0.2em 0.5em 2em;
    max-width: 70%;
    border: 1px solid rgb(153, 153, 153); /* lined paper pulled from ninjaweb */
    margin-left: 20%;
margin-right: 20%; }

.image-left {
  float: left;
  margin-right: 15px; /* Adds space between the image and the text */
}

/* .text-content { /* Optional: ensures text content takes remaining space 
  /* flex: 1;
 /* width: auto; 
  /*padding: 5px; 
/*}