body {
  font-family: "Inter", sans-serif;
  font-size: 16px;
}

h1 {
  font-size: 64px !important;
  font-weight: 700 !important;
}

.container {
  margin: 2rem auto;
  max-width: 1536px;
}

.button {
  border-radius: 100px;
}

.button-primary {
  background-color: #365CA3;
  text-align: center;
  place-content: center;
  color: #fff;
  font-weight: 400;
  font-size: 24px;
  box-shadow: 0 4px 4px rgba(255, 165, 70, 0.3);
}
.button-primary:hover {
  box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.5);
  color: #fff !important;
  border: none !important;
  background-color: #1F3969;
}

.divider {
  height: 4px;
  background-color: #FFA546;
}

nav {
  font-size: 24px;
}
nav a {
  height: 49px;
  place-content: center;
}
nav a:hover {
  color: #365CA3;
  border-bottom: 4px solid #FFA546;
}

.label h2 {
  font-size: 32px;
}

.projects img {
  height: 265px;
  border-radius: 10px;
}
.projects a:hover {
  color: #365CA3;
}
.projects p {
  font-weight: 600;
}

section {
  padding: 30px 0px;
}

.theme-dark {
  background-color: #1F3969;
  color: #fff;
}

.contact input {
  color: #000 !important;
  width: 100%;
  height: 50px;
  border-radius: 10px;
  padding: 15px;
  margin: 20px 0px;
}
.contact textarea {
  color: #000 !important;
  width: 100%;
  height: 240px;
  border-radius: 10px;
  padding: 15px;
  margin: 20px 0px;
}

.button-info {
  background-color: #FFA546;
  text-align: center;
  place-content: center;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.button-info:hover {
  background-color: #fff;
  color: #365CA3;
  text-shadow: none;
}

@media screen and (max-width: 768px) {
  h1 {
    font-size: 42px !important;
    height: 50px !important;
  }
  h2 {
    font-size: 32px !important;
    height: 40px !important;
  }
  .container {
    margin: 20px;
    width: auto !important;
  }
  .logo img {
    width: 250px;
  }
  .projects img {
    height: 100px;
  }
  #nav-menu.active {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex !important;
    flex-direction: column;
    width: 70%;
    height: 100vh;
    background-color: #365CA3;
    color: #fff;
    align-items: start;
    padding: 20px;
  }
}/*# sourceMappingURL=style.css.map */