/* universal selector
   selects all elements on the page */
* {
    /* A box-sizing of border-box makes it so the width
       and height of an element includes the padding, border, and content */
    box-sizing: border-box;
}

/* element selector 
   selects all elements of the same type */
header {
    text-align: right;
    font-weight: bold;
    margin-bottom: 50px;
}

section {
    border: 3px solid black;
}

/* id selector
   ideal for styling a specific element */
#firstSection {
    background-color: rgb(23, 72, 27);
    padding: 20px;
    color:black
}

#secondSection {
    color: rgb(0, 0, 0);
    background-color: rgb(23, 72, 27);
}
#thirdsection {
    color: rgb(0, 0, 0);
    background-color: rgb(23, 72, 27);
}


/* class selector
   ideal for styling more than 1 element */
.center {
    text-align: center;
}

footer {
    height: 200px;
    border: 1px solid black;
    padding: 50px;
}
img{
    display:block
}
body {
  background-image: url('images/backround.jpg');
  background-repeat: no-repeat;
  background-size: 1600px 1500px;
}