html,body,.stage,.ring,.img {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  /* prevents from selecting */
  user-select: none;
  image-rendering: pixelated;
  margin: auto;
}

html, .stage {
  overflow: hidden;
}

body{
	background-image:url(img/bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	overflow: hidden;
}

/* there will be svg later */
div, svg {
  position: absolute;
}

.container {
  perspective: 2000px;
  width: 300px;
  height: 400px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.menu{
	position:absolute;	
	padding:2px;
	top: 2px;
	left: 5px;
}
.profile{
	position:absolute;
	padding:5px;
	top: 5px;
	right:5px;
	float: right;
}
.menu ul{
	list-style-type:none;
	padding-left:0;
	margin-left:0;	
}
.menu ul li{
	height:35px;
	text-align:center;	
}
.menu ul li a{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:18px;	
}
.logo{
	margin-bottom:10px;
	margin-top:10px;
}
.main-title{
	color:#f1a722;
	position:absolute;
	top:25px;
	text-align:center;
	left:0;
	right:0;
	margin:auto;
}
.main-title-2{
	color:#f1a722;
	position:absolute;
	top:70px;
	text-align:center;
	left:0;
	right:0;
	margin:auto;
}
.title-img{
	display: flex;
	justify-content: center;
	background-color: #f1a722; 
	background-size: 130%;	
	color: #ffff ; 
	border-color:#fffff;
	text-align: center;
	position: relative;
	top: 105%;
	margin-top: -1px;
	
}