/* Colour: http://paletton.com/#uid=74p0u0kaLw82USv6tHXfIr5lmlq */
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');

/* LAYOUT */

body {
  margin: 0;
  background: #ececec;
}

/* GLOBAL ELEMENT STYLES */

h1 {
  font-family: 'Pacifico', cursive;
  font-weight: 400;
  text-shadow: -1px 1px #fff;
  color: #8D79AE;
  font-size: 4.5rem;
  margin: 0;
}

p,
a {
  font-family: "Source Code Pro", monospace !important;
}

ul {
  columns: 2;
  list-style-position: inside;
  padding: 0;
}

.ul-tech-used {
  list-style-type: none;
  list-style-position: inside;
  display: flex;
  flex-wrap: wrap;
}

.ul-tech-used > li {
  color: white;
  background-color: grey;
  padding: 3px;
  margin: 3px;
  border-radius: 3px;
  transition: .5s;
}

.ul-tech-used > li:hover {
  background-color: darkslategrey;
}

img {
  transition: box-shadow 0.3s ease;
}

img:hover {
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.6);
}

#first_module {
  background-image: url(./img/bg.png);
  background-position: center;
}

#first_module_inner {
  background: rgba(0, 0, 0, 0.8);
}

.btn-primary {
  background-color: #FFF5A9 !important;
  border-color: #FFF9CC !important;
  color: black;
}

.btn-primary:hover {
  color: darkgrey;
}