/* body {
    background-image: url("../images/bg-desktop.svg");
} */

.body {
  background-image: url("../images/bg-desktop.svg");
  background-color: hsl(257, 40%, 49%);
  height: 100%;
  width: 100%;
}

.container-fluid {
  padding-bottom: 5%;
}

.logo {
  padding: 5% 0 5% 5%;
}

#illustration-image {
  padding-left: 5%;
}

.narration-header {
  padding-left: 15%;
  padding-top: 7%;
  padding-right: 10%;
  font-weight: 400, 700;
  font-family: "Poppins", sans-serif;
  color: aliceblue;
}

.narration-text {
  padding-left: 15%;
  padding-right: 25%;
  color: aliceblue;
}

#btn-button {
  margin-left: 15%;
  width: 25%;
  background: white;
  border-radius: 30px;
  text-decoration: none;
  color: hsl(257, 40%, 49%);
}

/* .fab {
width: 20px;
color: white;
border: solid white 5px;
background-color: hsl(257, 40%, 49%);
border-radius: 30px;
} */

.fab {
    color: white;
    padding: 5px;
    border: solid white 1px;
    border-radius: 30px;
    margin-right: 5px;
}

.fab-img {
    position: absolute;
    left: 85%;
    bottom: .5%;
}

/* Media Query */
/* @media (max-width: 357px) {
    .body {
        background-image: url("../images/bg-mobile.svg");
        background-color: hsl(257, 40%, 49%);
    } */
  
    /* .title-image { 
      position: static;
      transform: rotate(0);
    } */
/* } */

/* Mobile: 375px
- Desktop: 1440px */