@import '~flag-icons/css/flag-icons.min.css';
@font-face {
  font-family: "playfair black";
  src: url("/fonts/playfair-display/PlayfairDisplay-Black.ttf") format("opentype");
}
@font-face {
  font-family: "playfair black italic";
  src: url("/fonts/playfair-display/PlayfairDisplay-BlackItalic.ttf") format("opentype");
}
@font-face {
  font-family: "playfair bold";
  src: url("/fonts/playfair-display/PlayfairDisplay-Bold.ttf") format("opentype");
}
@font-face {
  font-family: "playfair bold italic";
  src: url("/fonts/playfair-display/PlayfairDisplay-BoldItalic.ttf") format("opentype");
}
@font-face {
  font-family: "playfair italic";
  src: url("/fonts/playfair-display/PlayfairDisplay-Italic.ttf") format("opentype");
}
@font-face {
  font-family: "playfair regular";
  src: url("/fonts/playfair-display/PlayfairDisplay-Regular.ttf") format("opentype");
}
@font-face {
  font-family: "inter medium";
  src: url("/fonts/inter/extras/ttf/Inter-Medium.ttf") format("opentype");
}
@font-face {
  font-family: "inter light";
  src: url("/fonts/inter/extras/ttf/Inter-Light.ttf") format("opentype");
}
@font-face {
  font-family: "inter semibold";
  src: url("/fonts/inter/extras/ttf/InterDisplay-SemiBold.ttf") format("opentype");
}
@font-face {
  font-family: "inter regular";
  src: url("/fonts/inter/extras/ttf/InterDisplay-Regular.ttf") format("opentype");
}
htmml {
  overflow-y: scroll;
}

nav {
  height: 7dvh;
}

section {
  min-height: 100dvh;
}

#Home, .portfolio {
  padding-top: 7dvh;
}

.text-justified {
  text-align: justify;
}

.profCard {
  height: 176px;
}

.transition2s {
  transition: 2s;
}

body, .modal-content {
  background-color: #FFFFFF;
}

#navbar, #navbar * {
  background-color: #FFFFFF;
  color: #000000 !important;
  font-family: "inter medium";
  font-size: 18px;
}

#navbar a:hover {
  color: #c0a863 !important;
}

.title {
  color: #c0a863 !important;
  font-family: "playfair bold";
}

.gen-text {
  color: #000000 !important;
  font-family: "inter regular";
}

.home-title {
  font-family: "playfair regular";
}

.accent {
  color: #c0a863 !important;
  font-family: "playfair italic";
}

.card {
  border-radius: 7px;
  background-color: #FFFFFF;
  border: 1px solid #857C67;
}

.card * {
  color: #857C67;
}

.btn {
  background-color: #e0dccb;
  color: #857c67 !important;
  font-family: "inter light";
  padding: 15px 30px;
  font-style: italic;
}

.btn-200 {
  width: 200px;
}

.btn:hover, .btn:focus {
  background-color: #FFFFFF;
  color: #c0a863 !important;
  border: 1px solid #c0a863 !important;
}

#email-link {
  color: #c0a863;
}

.bi {
  color: #c0a863 !important;
}

.form-control, .form-control:focus {
  color: #c0a863;
  background-color: #FFFFFF;
  font-family: "playfair regular";
}

.fs-60 {
  font-size: 60px;
}

.fs-150 {
  font-size: clamp(100px, 10vw, 150px);
}

.gen-text.to-accent:hover {
  transition: 0.5s;
  color: #c0a863 !important;
}

.to-accent:hover {
  transition: 0.5s;
  color: #c0a863 !important;
}

@keyframes startAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
main, nav, footer {
  animation: 1.5s ease-in-out startAnimation;
}

/*# sourceMappingURL=custom.css.map */