html, body {
  background-color: #000000;
  overflow-x: hidden;
}

/* HEADER START */

.header {
    background: rgba(0, 0, 0, 0.774);

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;

    font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
    word-spacing: 70px;
    font-size: 14px;
}

#header-apple-logo {
  transition: 0.5s;
}

#header-apple-logo:hover {
  color: grey;
  transition: 0.5s;
}

.header-navbar-items a {
  text-decoration: none;
  color: #B3B3B3;
  transition: 0.5s;
  display: inline;
}

.header-navbar-items a:hover {
  color: white;
  transition: 0.5s;
}

.header-navbar-items {
    position: relative;
    top: -18px;
}

.header-main {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* HEADER END */



/* MAIN START */
.main {
  display: flex;
  align-items: center;
  justify-content: center;
}

// iPhone 11 Pro

.main-iphone-11-pro p {
    position: relative;
    top: -700px;
}

.main-iphone-11-pro img {
    position: relative;
}

#main-iphone-11-pro-information a {
    font-size: 21px;
    font-weight: 400;
    color: #1797FF;

    text-decoration: none;

    position: relative;
    top: -700px;
}

#main-iphone-11-pro-information a:hover {
    text-decoration: underline;
}

// iPhone 11

.main-iphone-11 {
    position: absolute;
    top: 742px;
}

.main-iphone-11 p {
    position: relative;
    top: -700px;
}

.main-iphone-11 img {
    position: relative;
}

#main-iphone-11-information a {
    font-size: 21px;
    font-weight: 400;
    color: #1797FF;

    text-decoration: none;

    position: relative;
    top: -700px;
}

#main-iphone-11-information a:hover {
    text-decoration: underline;
}

// Watch

.main-watch {
    position: absolute;
    top: 1478px;
}

.main-watch p {
    position: relative;
    top: -700px;
}

.main-watch img {
    position: relative;
}

#main-watch-information a {
    font-size: 21px;
    font-weight: 400;
    color: #1797FF;

    text-decoration: none;

    position: relative;
    top: -700px;
}

#main-watch-information a:hover {
    text-decoration: underline;
}

// Banner Background

#main-banner-background {
    background: white;

    position: absolute;
    top: 2210px;
    height: 191.5%;
    width: 100%;
}

// Banner #1

.main-banner-layer-1 {
    position: absolute;
    top: 2228px;
}

// Banner #2

.main-banner-layer-2 {
    position: absolute;
    top: 2820px;
}

// Banner #2

.main-banner-layer-3 {
    position: absolute;
    top: 3411px;
}

/* MAIN END */



/* FOOTER START */

.footer {
  position: absolute;
  top: 93px;
  left: 0px;

  width: 100%;

  background: #f5f5f7;

  font-family: Arial, Helvetica, sans-serif;
}

// Trade-In Values

.main-trade-in-values {
    position: absolute;
    top: 3911px;

    word-wrap: break-word;
    white-space: pre-wrap;
}

.main-trade-in-values p {
    position: relative;
    top: -20px;
    left: 400px;
}

#main-trade-in-values-customer-agreement {
    text-decoration: none;
    color: rgb(111, 106, 143);
}

#main-trade-in-values-customer-agreement:hover {
    text-decoration: underline;
}

#footer-background {
    background: #f5f5f7;
    z-index: -2;

    position: absolute;
    top: 10px;
    left: -500px;
    height: 171.5%;
    width: 5000%;
}

.footer-links {
    position: absolute;
    top: 4241px;
    left: 465px;
    z-index: 3;

    background: #f5f5f7;

    font-size: 12px;
}

.footer-links p {
    font-weight: bold;
}

.footer-links div a {
    color: #948FB5;
    text-decoration: none;
    line-height: 25px;
}

.footer-links div a:hover{
    text-decoration: underline;
}

.footer-apple-stores-locales {
    position: absolute;
    top: 4681px;
    left: 465px;
    z-index: 3;

    color: #948FB5;
    font-size: 12px;
}

.footer-apple-stores-locales a {
    color: #1797FF;
    text-decoration: none;
}

.footer-apple-stores-locales a:hover {
    text-decoration: underline;
}

#footer-hr-2 {
    background-color: #948FB5;
    border: 0;

    position: absolute;
    width: 980px;
    height: 1px;
    top: 4721px;
    z-index: 3;

    left: 462px;
}

.footer-page-end-note {
    position: absolute;
    top: 4741px;
    z-index: 3;
    left: 462px;

    color: #948FB5;
    font-size: 12px;
}

.footer-page-end-note-nav a {
    position: relative;
    top: -14px;
    left: 290px;

    color: #6265AB;
    text-decoration: none;
}

.footer-page-end-note-nav a:hover {
    text-decoration: underline;
}

.footer-page-end-note-nav span {
    color: #948FB5;
}

.footer-page-end-note img, #footer-page-end-note-us {
    position: relative;
    top: -30px;
    left: 880px;
}

#footer-page-end-note-us {
    top: -33px;

    text-decoration: none;
    color: #948FB5;
}

#footer-page-end-note-us:hover {
    text-decoration: underline;
}

/* FOOTER END */

// Writing this note at 23:31, just finished after like 8 straight hours of work. Cool.

// Finished adding all of the proper links to the a tags at 0:07. Cool.