@use 'colors'
@use 'form'
@use 'leaflet'

// libs
@use 'lib/icons'

// UI
@use 'ui/modal'
@use 'ui/layout'

// Pages
@use 'pages/login'
@use 'pages/map'
@use 'pages/maps'

/* General */

html
    box-sizing: border-box
    height: 100%

*, *:before, *:after
    box-sizing: inherit

body
    margin: 0
    font-family: sans-serif
    font-size: 1.05rem
    height: 100%
    display: flex
    flex-flow: column

main
    flex-grow: 1
    min-height: 0

header
    display: flex
    justify-content: space-between
    width: 100%
    background-color: colors.$brown
    color: white
    line-height: 3rem

    & > a
        color: inherit
        padding: 0 1rem

.g-Logout__Button
    border: none
    background: transparent
    font-size: inherit
    color: white
    cursor: pointer
    padding: 0 1rem
    height: 100%

    &:hover
        text-decoration: underline

a
    color: colors.$blue
    text-decoration: none

    &:hover
        text-decoration: underline

p
    margin: 0 0 1rem
    line-height: 1.4rem