float: left;
	width: 37%;
	background: var(--box);
	padding: 10px;
	text-align: justify;
	overflow: none;
	height: 125px;
	margin-left: 3px;
	line-height: 170%;
}

.header_box {
	margin-top:17px;
	margin-left:17px;
	width:930px;
}

.header_box b{
	font-family: var(--fsub);
	letter-spacing: var(--lsub);
	text-transform: var(--tsub);
}

.hb_left {
	float:left;
}

.hb_left_i {
	font-size:30px;
	text-align:center;
	background:#edf4f5;
	padding:10px;
	color: #4aa3c2;
	width:30px;
	margin-bottom:3px;
}

.header_team {
	background: var(--box);
	float: left;
	width: 17.1%;
	overflow: none;
	padding: 10px;
	line-height: 150%;
	height: 125px;
}

/*NAV USER*/
.menu_avatar {
	width: 100px;
	height: 80px;
	background: var(--bunt);
	margin-left: 50px;
	margin-top: 5px;
	border: 5px solid var(--bunt);
	z-index: 9999;
}

#head_menu {
	background: var(--bunt);
	height: var(--hmenu);
	display: flex;
	flex-direction: row;
	z-index: 9998;
	position: fixed;
	
	color: var(--bunttext);
	width: 100%;
	font-family: var(--fnav);
	font-size: var(--snav);
}

.menu_buttons {
	margin-left: 20px;
	margin-top: 5px;
	display: flex;
}

.menu_button {
	padding: 10px;
        font-size: var(--snav);
	text-transform: uppercase;
	color: var(--bunttext);
        list-style-type: none;
}

.menu_button a {
	color: var(--bunttext);
font-size: var(--snav);
}

.menu_button i {
font-size: var(--snav);
}

.menu_icon {
	color: var(--bunttext);
}

/*WARN*/
.warn_icon {
	font-size: 32px;
	color: #f80039;
	float: left;
	margin-right: 10px;
}

.warn_box {
	padding: 10px;
	margin-bottom: 10px;
}

/*NAVIGATION*/
.navi {
	width: 940px;
	padding: 5px;
	background: var(--bunt);
	height: 15px;
	font-family: var(--fnav);
	display: flex;
	flex-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: stretch;
	justify-content: space-evenly;
}

.nav_button {
	color: var(--bunttext);
	text-align: center;
font-size: var(--snav);
	width: 134px;
	text-transform: uppercase;
	float: left;
}

.nav_button a {
	color: var(--bunttext);
font-size: var(--snav);
}

.nav_button a i {
	color: var(--bunttext);
font-size: var(--snav);
}

.footer_box {
	text-align: justify;
	padding: 10px;
	left: 40%;
	color: var(--notrigger);
	margin-left: 10px;
	margin-right: 10px;
	position: absolute;
	width: 310px;
	margin-top: 60px;
	background: var(--hg);
}

/*POP UP*/
.infopop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: hsla(0, 0%, 0%, 0.5);
	z-index: 1;
	opacity:0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	pointer-events: none;
}

.infopop:target {
	opacity:1;
	pointer-events: auto;
}

.infopop > .pop {
	background: #f2f2f2;
	width: 320px;
	position: relative;
	margin: 10% auto;
	padding: 25px;
	z-index: 3;
}

.closepop {
	position: absolute;
	right: -5px;
	top:-5px;
	width: 100%;
	height: 100%;
	z-index: 2;
}

/*DISCORD*/
.dc_icon {
    position: fixed;
    top: 70px;
    background: var(--box);
    font-size: 30px;
    left: 94.6%;
    border-radius: 50%;
    padding: 13px;
	display:block;
	      transition: 1s;
	color: var(--base);
}

.dc_icon i {
font-size: 25px;
}

.dc_icon a {
color: var(--base);
}

.dc_icon:hover {
	background: var(--bunttext);
	color: var(--bunt);
}

.dc_icon .tooltiptext {
        visibility: hidden;
        min-width: 80px;
        color: var(--bunttext);
        background-color: var(--bunt);
        font-family: var(--fallg);
        font-size: var(--sallg);
        letter-spacing: var(--lallg);
        text-align: center;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
        top: 7%;
        right: 120%;
        padding:8px 15px;
        opacity: 0;
        transition: 1s;
}

.dc_icon .tooltiptext::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent  transparent transparent var(--bunt);
}

.dc_icon:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
}