/* I'm lowkey stupid so I'm going to go commenting around this code like I'm five for future reference. this is kinda put together based on my original CSS code which was based on the "bliss" header tutorial hosted at https://windchime.neocities.org/fountain/air/templates */


body {
  background-image:url('');
  font-family:Arial;
  font-size:18px;
}


/* if i remember correctly this overall "container" basically means the entire like. stuff on the site. I want everything to be on the left side so i position it like so */
#container{
  width:855px;
  margin:0 0 0 0; 
}

/* navigation to get around the site, etc. standard, going to be fixed on the left side, with a right-hand margin of 10 pixels */
/* ok maybe it wont be in the fixed position I'll play around with it and see what I like more */
#nav{
  width:200px;
  margin: 0 10px 0 0;
  text-align:center;
  background:white;
  border:1px none;
  padding:10px;
  float:left;
  border-style:solid;
  border-color:green;
}

/* this will be the image at the top of navigation. whether it'll be some kind of logo or something that looks nice.... idk yet LOL */
/* actually if I make an image that just Fits in that spot perfectly in the HTML is this even needed????? */
#nav_img{
  height:100px;
  width:100px;
  border: 1px;
  object-fit: fill;
  /* background-image:url('JOHNNY ADD AN IMAGE PLEASE then uncomment :]') */
}
/* ok it does not look like I'll be using this maybe but shrug */

/* this is where the main site content will go, to the right of the navigation but not in the middle */
#content{
  border:1px ;
  background:white;
  margin: 0 0 10px 0;
  /* the nav should already have a margin so idk why i put this here */
  float:right;
  width:600px;
  padding:10px;
  border-style:solid;
  border-color:green;
}