@import 'root'
@import 'mixin'
@import 'content'

// Bootstrap with legacy import (suppressed warnings via Vite config)
@import "../../node_modules/bootstrap/scss/bootstrap"

body
  height: 30rem
  width: 30rem
  background-color: $background-color
  text-align: center
  margin: auto
  padding: 1rem
  color: $main-font-color

  p
    font-size: 1rem
    font-weight: bold
    margin: auto
    padding: auto
    color: $main-font-color
    text-align: center
    font-family: 'Roboto', sans-serif

h1, h2
  @include noselect

form
  @include formBasic

.logo
  width: 5rem
  height: auto
  padding-top: 2rem
  @include noselect

svg
  @include noselect

table
  color: $main-font-color !important

  th
    @include noselect

a
  color: $main-font-color

  &:hover
    color: $background-color-content