src/styles/_style.css - main - evsedov/the_same_place

src/styles/_style.css
177 строк3 KB
Evgeniy Sedov
chenges fonts on Gils Sans
23 окт 2022, 12:20
23 окт 2022, 12:20e363689
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Comfortaa";
  src: url("../fonts/Comfortaa-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Comfortaa";
  src: url("../fonts/Comfortaa-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gill Sans Bold";
  src: url("../fonts/Gill\ Sans\ Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gill Sans Medium";
  src: url("../fonts/Gill\ Sans\ Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gill Sans";
  src: url("../fonts/Gill\ Sans.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gill Sans Light";
  src: url("../fonts/Gill\ Sans\ Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Gill Sans", sans-serif !important;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  row-gap: 1px;
}

.about h2 {
  font-family: "Gill Sans Bold", sans-serif !important;
}

.header,
.footer {
  flex: 0 0 auto;
}

.nav-link {
  font-weight: bold;
}

.nav-link:not(:last-child) {
  margin-right: 15px;
}

.active-link {
  color: #C9B200 !important;
}

.main {
  flex: 1 1 0;
}

.main-bg {
  height: 100%;
  min-height: 765px;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
}

.logo {
  width: 145px;
  height: 145px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.footer {
  font-family: "Gill Sans Bold", sans-serif !important;
}

h1,
h2,
h3,
.color-brown {
  font-weight: bold;
  color: #8B511D !important;
}

.footer {
  margin-top: auto !important;
}

.footer-logo {
  width: 35px;
  height: 35px;
}

.social-icon {
  width: 32px !important;
  height: 32px !important;
}

.social-text {
  color: #8B511D !important;
}

.btn-tel {
  background-color: rgb(25, 135, 84) !important;
  color: white !important;
}

.btn-brown {
  border-color: #8B511D !important;
}

.btn-brown:hover {
  background-color: #8B511D !important;
}

.btn-tel:hover,
.btn-tel:active {
  background-color: white !important;
  color: rgb(25, 135, 84) !important;
}

.no-border {
  border: none !important;
}

/* @media (max-width: 500px) {
  .main-bg .container-fluid {
    height: 100% !important;
    background: rgba(240, 245, 250, 0.4);
  }
} */