/*
Table Of Contents
=========================
- Default Typography
- Custom Typography
=========================
*/

/*
--------------------------
- Default Typography
--------------------------
*/


/*
--------------------------
- Custom Typography
--------------------------
*/


/* google fonts area here */
/* @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); */


@import url('https://fonts.googleapis.com/css2?family=Allison&family=Allura&family=Caramel&family=Island+Moments&family=Kaushan+Script&family=Licorice&family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Licorice&family=Oswald:wght@200..700&family=Permanent+Marker&family=Roboto:ital,wght@0,100..900;1,100..900&family=Shadows+Into+Light&family=Square+Peg&display=swap');


/* 
.oswald {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.roboto {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
} 
.licorice-regular {
  font-family: "Licorice", cursive;
  font-weight: 400;
  font-style: normal;
}
*/


/* 
.caveat {
  font-family: "Caveat", cursive;
}
.permanent-marker {
  font-family: "Permanent Marker", cursive;
}
.shadows {
  font-family: "Shadows Into Light", cursive;
}
.square-peg {
  font-family: "Square Peg", cursive;
} */


/* 16 - NativeBrush font area here */
@font-face {
    font-family: 'NativeBrush';
    src: url('../../fonts/NativeBrush.otf') format('opentype'),
         url('../../fonts/NativeBrush.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'scootline-signature';
    src: url('../../fonts/scootline-signature.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html {
  scroll-behavior: smooth;
}

/* variable color code */
:root{
    --white: #ffffff;
    --main_white: #fffdfb;
    --fonts: #e5e1da;
    --black: #000000;
    /* --primary: #2C564E; */
    /* --primary: #844827; */
    --primary: #444545;
    --main_primary: #844827;
    --secondary:#837453;
    --subsecondary: #C5A880;
    --secLight: #d3c2ab;
    --darkBg: #232321;
}

.bg {
    background: linear-gradient(180deg,rgba(0,0,0,.33),rgba(26,26,26,.43));
}
.nav-tabs > li > a {
    margin-right: 0;
}
body {
    font-family: "Roboto", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Oswald", sans-serif;
    font-weight: 600;
}
p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}