$font_size_body: 10pt;

* {
  box-sizing: border-box;
}

body {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	line-height: 20px;
	display: block;
	font-size: $font_size_body;
	font-family: $defaultFont;
	background: $theme_bg;
	background-size: cover;
	background-attachment: fixed;
	color: pink;
	@extend .unselectable;
}
//będzie potrzebne by nie tworzył mechanizmu zazaczania na nie potrzebnych elementach
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container {
  @extend .unselectable;
  height: 100%;
}

.noscroll {
  overflow: hidden;
}

input[type=text]::-ms-clear,
input[role=textbox]::-ms-clear {
  display: none;
}

template {
  display: none;
}