@font-face {
	font-family: 'PTSans';
	font-style: normal;
	font-weight: 400;
	src: url("PTSans-Regular.ttf");
}

*{
  font-family: 'PTSans',Arial,Helvetica,"Trebuchet MS";
  font-size: 14px;
}

html{
	width:100%;
	height:100%;
}

body {
    background-color: rgb(0,0,102);
    color: #fff;
    padding: 0px;
    margin:0px;
    font-size:14px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'PTSans',Arial,Helvetica,"Trebuchet MS";
    font-size: 1.4em; 
    height:100%;
    -webkit-transition: font-size .3s;
	  transition: font-size .3s;
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgb(0,0,102) #fff;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #fff;
}

*::-webkit-scrollbar-thumb {
  background-color: rgb(0,0,102);
  border-radius: 20px;
  border: 0px solid orange;
}

@media screen and (orientation: portrait){
	body { font-size: 2.8vw }
}

h1{
  font-size: 1.8em;
}

a{
	border: none;
	outline: none;
  padding: 0px;
  margin: 0px;
}

a:visited,a:link,a:active { text-decoration: none; color: #000; }

.fuss{
  position: absolute;
  bottom: 0;
  margin: auto 0px;
  width:100%;
}

.btn{
	display: inline-block;
	vertical-align: middle;
	padding-left:1px; 
	padding-right:1px;
	padding-top:1px; 
	padding-bottom:1px;  
	font-style: normal;
	color:#222;
	background-color: #fff;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	margin-right: 3px;	
}

.btn > span,.btn > i,.btn > button,.btn > input[type="button"]:not([disabled]){
	display: inline-block;
	padding-left:10px; 
	padding-right:10px;
	padding-top:7px; 
	padding-bottom:7px;
	margin: 3px 5px 3px 5px;  
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px; 
	cursor: pointer;
	color: rgb(0,0,102);
  font-size: 1.4em;
}

.popup { 
	position: absolute;
	border: 0px; 
	top: 0; 
	left: 0; 
	z-index: 9998; 
	width: 97%; 
	height: 97%; 
	opacity: 1.0;
	color: #000;
	display: inline-block;
	margin: auto;
	overflow: auto;
	padding: 5px 15px 5px 15px;
	text-align: center;
  background-color: #fff;
}

.popup div{
	overflow: auto;
}

.blackout{
	z-index: 9997;
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%; 
	height: 100%;
	background-color: var(--icBlacktrans);
	margin: auto;
}

.imgtump{
  height: 80px;
  padding: 5px;
  border: 0;
}