@import "@/common/styles/colors"

.header
  top: 0
  display: flex
  position: sticky
  height: 90px
  background-color: $background-transparent
  justify-content: space-between
  backdrop-filter: blur(20px)
  z-index: 999

.link-area
  margin-left: 10%
  display: flex
  align-items: center

.logo
  width: 60px
  height: 60px

.links
  display: flex

.dashboard-area
  display: flex
  align-items: center
  margin-right: 10%

.links li
  list-style-type: none
  padding-left: 10px
  padding-right: 10px
  color: $gray
  font-weight: 700
  font-size: 23pt

.links a
  text-decoration: none

.links a:hover
  color: $primary-hover

.links .active
  color: $primary

.links .inactive
  color: $gray