html{
	height: 100%;
}

body {
  background-color: rgb(0,0,0);
  margin: 0;
  min-height: 100%;
}

.warning_banner{
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #ffea00;
  color: black;
  font-family: "Comic Sans MS";
  margin: 0;
}

.warning_banner > h1{
  margin: 0;
}

#desktop{
	width: 133vh;
	height: 100vh;
	min-width: 640px;
	min-height: 480px;
	position: relative;
	transform: translate(25%, 0%);
	
	background-image: url("rsrc/desktop2.png");
	background-color: rgb(102,61,0);
	background-position: center;
	background-size: cover;
}

.desk_item{
  width: fit-content;
  height: fit-content;
  display: inline-block;
  position: absolute;
  color: transparent;
  background: transparent;
}

.desk_item > img{
 width: 100%;
}

.desk_item > img:hover{
 width: 110%;
 transform:translate(-5%,-5%);
 filter: drop-shadow(10px 10px 10px black);
}

.desk_item.desk_item_static > img:hover{
  width: 100%;
  transform:translate(0%,0%);
  filter: drop-shadow(0px 0px 0px red);
}

#navbar{
	position: absolute;
	bottom: 0;
	margin: 0;	
	padding: 0;
	background-color: #cec7ae;
}

#navbar-list{
	padding: 0;
	list-style-type: none;
}

#navbar-list > li > a{
	color: #706b56;
}

#nav-current{
	font-weight: bold;
}

#world_map{
	color: white;
	transform: translate(12%,8%);
	width: 80%;
}