/* Included CSS reset: */ * { box-sizing: border-box; padding: 0; margin: 0; } /* The external style sheet that I created for my webpage: */ /* I Downloaded and Declared the font "Helvetica-Light" via my project's fonts folder. I chose this font since it's aesthetically pleasing and a safe font to use that typically satisfied the basic rules of Graphic Design. */ @font-face { font-family: 'helveticalight'; src: url('fonts/helvetica_light_regular-webfont.woff2') format('woff2'), url('fonts/helvetica_light_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* Header Element styling at the top of the webpage's main body tag resembling the pop-up that notifies the user about the current promotion*/ header { padding: 16px; text-align: center; color: black; font-family: 'helveticalight', Helvetica, Arial, sans-serif; font-size: 16px; display: flex; justify-content: space-around; margin: auto; } /* Main Element styling of the body tag containing the main data in the middle of the webpage's scrolling data featuring the Navbar and bgImages1-4 classes */ main { font-family: 'helveticalight', Helvetica, Arial, sans-serif; margin: auto; } /* Our div class holding our entire navbar section at the top of our page and top of our
. contains: div class ("primary-icon" img) & ul class. */ .navbar { /* background-color: #b6c6d6; */ padding: 16px; text-align: center; position: absolute; display: flex; justify-content: space-around; align-items: center; font-size: 16px; width: 100%; height: 10%; /* height: 85px; */ margin: auto; } /* 1st specified subclass (div class) listing our logo img */ .primary-icon { /* declaring the image size: */ height: 15px; /* where the image is aligned: */ padding-left: 30%; margin: auto; } /* 2nd specified subclass (ul class) listing Models to Account */ .nav-list { /* get rid of bullet point style: */ list-style-type: none; margin: auto; } /* 2nd specified subclass's individual
  • listed item

    within the parent