/*-------------------------------------------*/  
.headersvg {
	margin-top: 0;
	margin-bottom: 0; 
	margin-left: auto;
	margin-right: auto;
/*	width: 700px !important; */ 
/*	height: var(--size-big); */
	background-image: url("../images/svg/header.svg");      
	background-position: center center;      
	background-repeat: no-repeat;      
	background-size: contain;      
}

.headersvg h1{ 
	font-family: var(--font-text);
    color: var(--color-dark-text);

    font-size: var(--size-big);
	text-align: center;
}

/*-------------------------------------------*/  

.username {
/*	margin-top: 1rem;
	margin-bottom: 1rem; */
	background-image: url("../images/svg/title.svg");      
	background-position: center center;      
	background-repeat: no-repeat;      
}

.username h1 {
	font-family: var(--font-text);
    position: relative;
    color: var(--color-dark-text);
	padding: 0 0 0 0;
    font-size: var(--size-medium);
	text-align: center;
}
/*-------------------------------------------*/  

.guildnametop {
	position: relative;
	margin-top: 35vh;
	font-family: var(--font-header);
}
.guildnametop h1 {
	font-size: var(--size-gigant);
	margin-bottom: 0;
	color: var(--color-light-text);
	text-align: center;
}
.guildnametop h1::after {
	content: "";
	position: absolute;
	left: 0;
	top: 1.1em;
	width: 100%;
	height: .1em;
	background-color: var(--color-sol);
}

/*-------------------------------------------*/  

.guildnamebottom {
	position: relative;
	margin-top: 2vh; 
	font-family: var(--font-header);
}
.guildnamebottom h1 {
	font-size: var(--size-gigant);
	margin-bottom: 0;
	margin-left: 1vh;
	color: var(--color-sky);
	text-align: left;
}
.guildnamebottom h1::after {
	content: "";
	position: absolute;
	left: 0;
	top: -0.2em;
	width: 100%;
	height: .1em;
	background-color: var(--color-sol);
}

/*-------------------------------------------*/  
.footer {
	height: 1rem;
	width: 100vw;
	background: var(--color-footer);
	box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
	display: table-cell;
    vertical-align: middle;
}

.footertext {
	padding: 0 0 0 0; /*верх право низ лево */
	color: gray;
	text-align: center;
	font-size: var(--size-small);
}

/*-------------------------------------------*/  

.whiteheader {
	position: relative;
	font-family: var(--font-header);
}
.whiteheader h1 {
	font-size: var(--size-big);
	margin-bottom: 0;
	margin-left: 0;
	color: var(--color-sky);
	text-align: center;
}

/*-------------------------------------------*/  

.slabel {
	font-family: var(--font-text);
	font-size: var(--size-medium);
	margin-bottom: 0;
	margin-left: 0;
	color: var(--color-sky);
}

/*-------------------------------------------*/  

.spanel { 
	/* сверху | справа | снизу | слева */
	margin: 1rem 0 0 0;
	box-shadow: 0 0 10px 5px var(--color-sol); 
	/*	border: 3px solid red; */
}