@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url(navbar.css);
@import url(carousel.css);
@import url(banner.css);
@import url(about.css);
@import url(service.css);
@import url(project.css);
@import url(contact.css);
@import url(thankyou.css);

:root {
  --color-primary: #2583ff;
  --color-secondary: #00d9ff;
  --color-highlight: #1b0760;
  --color-tagline: #918ca4;
  --color-accent: #ff3400;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Prompt", sans-serif;
}

html,
body {
  height: 100%;
}

a {
  text-decoration: none;
}

.title {
  font-size: 1.4rem;
  font-weight: 500;
}

.title span {
  color: var(--color-primary);
}

.bar {
  width: 60px;
  height: 1px;
  background-color: rgb(0, 0, 0);
  margin: 10px 0 15px;
}

.tagline {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .title {
    font-size: 2rem;
  }

  .bar {
    width: 80px;
  }

  .tagline {
    font-size: 1.6rem;
  }
}