/* 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." */
   /* shift tab to get rid of tab 
   set minimum size and width of body Browser we are killing you*/
body {
  min-width: 100vw;
  min-height: 100vh;
  margin: 0px;
  padding: 0px;
  background-image: url("picsies/fuck.jpg");
  background-size: cover;
  background-position: center;
  color: hotpink;
}

.burger-bun {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.patty {
  border: blue solid 10px; 
  border-radius: 16px;
  background: white;
  padding: 16px;
  margin: 16px;
}

.chickentendys {
  width:100%;
  height:84px;
}
/*  word <- this will select every <word> tag
    .word <- this will select every <... class="... word ..."> tag
    #word <- this will select every <... id="word"> tag
    
    you SHOULDN'T need #word yet, the # symbol is used for the id="" thing, which is more useful if you're writing scripts
    for now, just use class="word" and .word if you want to style something on the page
    

    the <thing> tag is just used as an example, you can use this on any valid normal tag (like <div>)

    .word > .other-word
       selects:
          <thing class="word">
            <thing class="other-word"></thing>
          </thing>
      
    .word.other-word
        selects:
          <thing class="word other-word"></thing>
    
    there are more, buut i'm going to keep it simple and only include these examples for now
    dot = classes
    squiiggly after
    space after color REGULAR COLON NOT SEMICOLOn easleir 2 read
    XYZ-ABC: this gets spaces;
*/