/* 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." */

body {
  background-color: black;
  color: #f5f1da;
  font-family: "Andale Mono", monospace	;
}

h1 {
  text-align: center;
  margin-top: 0;
  padding-top: 40px;
  margin-bottom: -30px;
  font-size: 137px;
  font-weight: 200;
  color: #CE2FD0;
}

.row {
  display: flex;
}

.column {
  width: 150px;
  height: 100px;
  display: inline-block;
  margin: 10px;
}

.row {
  display: flex;
  justify-content: space-evenly; /* spreads them across the width */
  align-items: center;
}

/* force the images in that row to be smaller */
.row img {
  width: 100px;   /* try 150–220px to get the size you like */
  height: auto;
  display: block;
  margin:40px 0 0 0;
  padding:0 5px 0 5px;
}

.camera-img {
  width: 100px;
  height: auto;
  margin-top: 20;
}
h3 {
  margin: 0;               /* no extra spacing */
}

.icon-label {
  font-size: 24px;         /* tweak size if you want */
  margin:-50px 0 100px 140px;
  transform: rotate(-20deg);      /* tilt: left side down, right side up */
  transform-origin: left bottom;  /* makes the first letter the “low point” */
}
/*h3 {
  text-align: left;
  margin: -80px 0 0 344px;
  display: inline-block;
}*/

/*img {
  width: 50px;
  height: 50px;
  margin: 40px 0 20px 354px;
}*/


h2 {
  color: #31D02F;
}

/* default color for ALL links */
a {
  color: #2F82D0;
}
/* keeps links same color after clicking */
a:visited {
  color: #2F82D0;
}
a:hover {
  color: #D07D2F;
}