/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"src/layouts/RootLayout/RootLayout.view.tsx","import":"","arguments":[{"src":"../../app/fonts/DeniStina.woff2","variable":"--font-denistina","weight":"400"}],"variableName":"denistina"} ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'denistina';
src: url(/_next/static/media/d5a2387d35fc15a2-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 400;
}@font-face {font-family: 'denistina Fallback';src: local("Arial");ascent-override: 133.58%;descent-override: 30.26%;line-gap-override: 0.00%;size-adjust: 70.04%
}.__className_1731e6 {font-family: 'denistina', 'denistina Fallback';font-weight: 400
}.__variable_1731e6 {--font-denistina: 'denistina', 'denistina Fallback'
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"src/layouts/RootLayout/RootLayout.view.tsx","import":"","arguments":[{"src":"../../app/fonts/Kudry Weird Headline.woff2","variable":"--font-kudry","weight":"300"}],"variableName":"kudry"} ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'kudry';
src: url(/_next/static/media/1987091818d7b0d5-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 300;
}@font-face {font-family: 'kudry Fallback';src: local("Arial");ascent-override: 97.77%;descent-override: 34.81%;line-gap-override: 0.00%;size-adjust: 97.68%
}.__className_7c60fe {font-family: 'kudry', 'kudry Fallback';font-weight: 300
}.__variable_7c60fe {--font-kudry: 'kudry', 'kudry Fallback'
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"src/layouts/RootLayout/RootLayout.view.tsx","import":"","arguments":[{"src":"../../app/fonts/MontserratAlternates-Regular.ttf","variable":"--font-montserrat","weight":"700"}],"variableName":"montserratRegular"} ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'montserratRegular';
src: url(/_next/static/media/2d4da050529ff9e0-s.p.ttf) format('truetype');
font-display: swap;
font-weight: 700;
}@font-face {font-family: 'montserratRegular Fallback';src: local("Arial");ascent-override: 83.01%;descent-override: 21.52%;line-gap-override: 0.00%;size-adjust: 116.61%
}.__className_fd0efc {font-family: 'montserratRegular', 'montserratRegular Fallback';font-weight: 700
}.__variable_fd0efc {--font-montserrat: 'montserratRegular', 'montserratRegular Fallback'
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"src/layouts/RootLayout/RootLayout.view.tsx","import":"","arguments":[{"src":"../../app/fonts/MontserratAlternates-Bold.ttf","variable":"--font-montserrat-alternates","weight":"700"}],"variableName":"montserratAlternates"} ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'montserratAlternates';
src: url(/_next/static/media/0f4f51f93438aac3-s.p.ttf) format('truetype');
font-display: swap;
font-weight: 700;
}@font-face {font-family: 'montserratAlternates Fallback';src: local("Arial");ascent-override: 79.39%;descent-override: 20.59%;line-gap-override: 0.00%;size-adjust: 121.93%
}.__className_a302b5 {font-family: 'montserratAlternates', 'montserratAlternates Fallback';font-weight: 700
}.__variable_a302b5 {--font-montserrat-alternates: 'montserratAlternates', 'montserratAlternates Fallback'
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/app/styles/globals.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
:root {
    --background: #432711;
    --foreground: #CFA887;
}

html,
body {
    max-width: 100vw;
    overflow-x: hidden;
}

body {
    color: var(--foreground);
    background: var(--background);
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

* {
    transition: 0.2s;
}

img{
    display: block;
}


::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--background);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}



/* reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/burger/burger.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.burger_burger__01Mpi {
  display: none;
  background-color: transparent;
  border: none;
  width: 2rem;
  height: 1.4rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 100;
  cursor: pointer;
}
.burger_burger__01Mpi img {
  width: 2rem;
  height: 1rem;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .burger_burger__01Mpi {
    display: block;
  }
}
@media (max-width: 768px) {
  .burger_burger__01Mpi {
    display: block;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/contacts/contacts.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.contacts_wrapper__vwU3Z {
  font-family: var(--font-denistina);
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/background/background.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.background_background__RQVZZ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.background_wrapper__gvlFq {
  height: 100%;
  width: 100%;
  position: relative;
}

.background_wrapper__gvlFq:not(:has([data-mainpage=true]))::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #201e1a 0%, #94531e 100%), linear-gradient(0deg, #f8f8f8, #f8f8f8);
  filter: blur(140px);
  z-index: -1;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/main-navigation/main-navigation.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.main-navigation_navigation__5NiYz {
  font-family: var(--font-kudry);
  font-size: 2rem;
  font-weight: 300;
  align-items: center;
  width: 100%;
  flex: 1 1;
  align-content: center;
}

.main-navigation_navigationList__6EF0J {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  gap: 11px;
  height: 100%;
}

.main-navigation_navigationItem__oEXMe {
  width: 100%;
  display: flex;
  flex-grow: 1;
  flex-basis: 50px;
  justify-content: center;
  border: 2px solid transparent;
  border-radius: 3px;
}
.main-navigation_navigationItem__oEXMe:hover:not(.main-navigation_active___F6Ab) {
  color: var(--background);
  background-color: var(--foreground);
  border-color: var(--foreground);
}
.main-navigation_navigationItem__oEXMe.main-navigation_active___F6Ab {
  border-color: var(--foreground);
}

.main-navigation_navigationLink__LVq4D {
  height: 100%;
  width: 100%;
  text-align: center;
  align-content: center;
  text-transform: lowercase;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/title/title.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.title_title__llusv {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--background);
  width: 175px;
  height: 83px;
  z-index: 1000;
  border-bottom-left-radius: 90%;
  font-family: var(--font-kudry);
  font-size: 2rem;
  align-content: center;
  text-align: center;
  padding-bottom: 1rem;
  padding-left: 2rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/layouts/RootLayout/RootLayout.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RootLayout_layoutArea__pWxc0 {
  display: flex;
  height: 100dvh;
  position: relative;
  overflow: hidden;
}

.RootLayout_sidebarArea__5lJ0r {
  flex-shrink: 0;
  flex-basis: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 34px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  gap: 10px;
}

.RootLayout_pageAreaWrapper__cujck {
  width: 100%;
  height: 100%;
  padding: 50px 50px 50px 0px;
}

.RootLayout_pageArea__0KK6y {
  width: 100%;
  height: 100%;
  border-radius: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.RootLayout_title__YLz4T {
  display: none;
}

.RootLayout_logo__vok59 {
  width: 150px;
}

.RootLayout_motto__U1PYC {
  height: 80px;
  font-size: 1.5rem;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .RootLayout_pageAreaWrapper__cujck {
    flex-basis: 100%;
    flex-shrink: 0;
    transform: translateX(-300px);
    padding: 10px;
  }
  .RootLayout_sidebarArea__5lJ0r {
    transform: translateX(-300px);
    gap: 0px;
  }
  .RootLayout_title__YLz4T {
    display: unset;
  }
  .RootLayout_layoutArea__pWxc0[opened] .RootLayout_sidebarArea__5lJ0r {
    transform: translateX(0);
  }
  .RootLayout_layoutArea__pWxc0[opened] .RootLayout_pageAreaWrapper__cujck {
    transform: translateX(0);
  }
  .RootLayout_layoutArea__pWxc0[opened] .RootLayout_title__YLz4T {
    transform: translateX(21rem);
  }
}
@media (max-width: 768px) {
  .RootLayout_pageAreaWrapper__cujck {
    flex-basis: 100%;
    flex-shrink: 0;
    transform: translateX(-300px);
    padding: 10px;
  }
  .RootLayout_sidebarArea__5lJ0r {
    transform: translateX(-300px);
    gap: 0px;
  }
  .RootLayout_title__YLz4T {
    display: unset;
  }
  .RootLayout_layoutArea__pWxc0[opened] .RootLayout_sidebarArea__5lJ0r {
    transform: translateX(0);
  }
  .RootLayout_layoutArea__pWxc0[opened] .RootLayout_pageAreaWrapper__cujck {
    transform: translateX(0);
  }
  .RootLayout_layoutArea__pWxc0[opened] .RootLayout_title__YLz4T {
    transform: translateX(21rem);
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/Motto/Motto.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Motto_motto__BtWU6 {
  font-family: var(--font-denistina);
  align-content: center;
  text-align: center;
  text-wrap: pretty;
}