:root {
  /* Main styling */
  --background-color: #b6bdbe;
  --header-font: "Roboto-Black", sans-serif;
  --paragraph-font: "Montserrat", sans-serif;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  background-color: var(--background-color);
}

.main-title {
  margin-top: 50px;
  font-size: 3.5rem;
}

.secondary-title {
  margin-top: 50px;
  font-size: 2rem;
  text-decoration: underline;
}

/* If is h1 or h3 */
:is(h1, h3) {
  text-align: center;
  font-family: var(--header-font);
  color: #338029;
}

:is(h1, h3, p) {
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.25);
}

p, figcaption {
  font-family: var(--paragraph-font);
}

.center-my-hobbies {
  margin-top: 50px;
  display: flex;
  justify-content: center;

  > .my-hobbies {
    border: 15px groove black;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 50px;
    /* width: auto; */
    padding: 10px;

    > .img-with-txt {
      /* border: 5px solid red; */
      text-align: justify;

      > p {
        margin-bottom: 15px;
      }

      > img {
        display: block;
        margin: 25px auto;
      }
    }
  }
}