@import url("fonts/stylesheet.css");
::-moz-selection {
  background: #CA4526;
  color: #fff;
}
::selection {
  background: #CA4526;
  color: #fff;
}

* {
  box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
  position: relative;
}

h1, h2, h3, p, a {
  font-family: "Golos Text";
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  font-style: normal;
}

p {
  font-weight: 400;
}

h1 {
  font-weight: 800;
}

@media (max-width: 767px) {
  br {
    display: none;
  }
}

.wrapper {
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  position: relative;
}

.background {
  background-image: url("/img/bg.jpg");
  width: 100%;
  height: 100%;
  background-size: 2880px 1800px;
  animation: animatedBackground 120s linear infinite;
  background-repeat: repeat;
  background-position-x: 0;
  background-position-y: 0;
  position: absolute;
  z-index: -4;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .background {
    background-image: url("/img/bg2x.jpg");
  }
}
@media (max-width: 767px) {
  .background {
    display: none;
    background-image: none;
    background-color: #fff;
  }
}

.content {
  width: 560px;
  padding: 24px;
  position: relative;
  margin: 0;
  background: #fff;
  border-radius: 4px;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .content {
    padding: 16px;
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
}

.heading {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
.heading .logo {
  width: 140px;
  height: 47px;
  margin: 16px 10px;
}
.heading__desc {
  font-weight: 500;
  font-size: 13px;
  line-height: 130%;
  text-align: center;
  text-transform: uppercase;
  color: #999691;
}

.specialization {
  align-self: center;
  font-weight: 600;
  letter-spacing: 0em;
  text-align: center;
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: #292623;
  margin: 32px 0 48px;
}

.calltoaction {
  align-self: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  color: #999691;
}

.buttons {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  width: 100%;
  max-width: 354px;
}
.buttons .projects, .buttons .write {
  width: 100%;
  padding: 16px;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  box-sizing: border-box;
  transition: 0.3s;
}
.buttons .projects {
  background-color: #E14D2A;
  color: #FFF;
}
.buttons .projects:hover {
  background-color: #D64928;
}
.buttons .projects:hover:active {
  background-color: #CA4526;
}
.buttons .write {
  background-color: #F8EBD3;
  color: #292727;
}
.buttons .write:hover {
  background-color: #F1E4CD;
}
.buttons .write:active {
  background-color: #ECDFC8;
}
.buttons p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  color: #999691;
}

@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -2880px 1800px;
  }
}/*# sourceMappingURL=style.css.map */