*
  margin: 0
  padding: 0
  border: none
  outline: none
  box-sizing: border-box
  min-width: 0

html
  scroll-behavior: smooth

body
  max-width: 2000px
  margin: auto
  caret-color: $yellow
  font-family: 'Montserrat', sans-serif
  transition: background-color 0.5s ease
  main
    transition: all .3s ease

.darken
  background-color: rgba(0, 0, 0, 0.5)
  // filter: blur(2px)

img
  max-width: 100%
  height: auto
  -webkit-user-select: none
  -khtml-user-select: none
  -moz-user-select: none
  -o-user-select: none
  user-select: none
  -webkit-user-drag: none
  -khtml-user-drag: none
  -moz-user-drag: none
  -o-user-drag: none

h1, h2, h3, h4
  text-wrap: balance

a, p, span, li, label
  font-size: 16px
  @media (min-width: 1024px)
    font-size: 16px

p
  text-wrap: pretty
  color: $black
  @media (min-width: 1900px)
    font-size: 18px

input, textarea
    font-size: 16px
    font-family: 'Montserrat', sans-serif

input, textarea, select
    color: $black

a
  text-decoration: none
  &:active
    -webkit-tap-highlight-color: transparent

.dnone
  display: none

.flex
  display: flex

.colflex
  display: flex
  flex-direction: column

.grid
  display: grid

.container
  width: 85%
  margin: auto

.relative
  position: relative

.absolute
  position: absolute
//////////////////
.header
  position: fixed
  width: 100%
  display: flex
  justify-content: space-around
  background-color: #4CAF50

.dropdown
  position: relative
  display: flex
  width: 100%
  &-content
    display: none
    position: fixed
    width: 100%
    z-index: 1
    transition: all 0.5s ease
    opacity: 0
    transform: translateY(-20px)
    display: flex
    justify-content: space-around
  &-content.show
    display: flex
    opacity: 1
    transform: translateY(0)

.bannerMid
  @include bannerMid
  
// button
//   background-color: #008CBA
//   color: white
//   padding: 15px 32px
//   text-align: center
//   text-decoration: none
//   display: inline-block
//   font-size: 16px
//   margin: 4px 2px
//   cursor: pointer
//   transition: background-color 0.5s ease

// button.active
//   background-color: #4CAF50
