:root {
	/* --main-color: rgb(199, 121, 4); */
	--main-color: rgba(161, 0, 0, 0.904);
}

html {
	width: unset;
}

::selection {
	color: #FFF;
	background: rgba(0,0,0,.4);
	opacity: 0.5;
}

body {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0px;
	-webkit-background-size: cover;
	background-color: #FFF;
	background: transparent url(/zobacztlo.php?id=1) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	color: #FFF !important;
	font-family: 'Montserrat', sans-serif !important;
}

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

img {
	width: 100px;
	height: 100px;
}

a {
	text-decoration: none !important;
}

li {
	list-style-type: none;
}

.form {
    width: 400px;
    height: fit-content;
    background: #FFF;
    border: 1px solid #000;
    border-radius: 13px;
    padding: 10px;
    margin: 100px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.form_group label {
    padding-left: 10px;
}

.custom-file-label::after {
	content: "Wyszukaj" !important;
}

.describeform {
	color: #000;
}

.carousel-inner img {
	width: 100%;
	height: 100%;
}

/* Scrollbar */

::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0px 0px 7px 7px rgba(0,0,0,.4) !important;
}

::-webkit-scrollbar-thumb {
	background: rgba(38, 46, 51, 0.7);
    box-shadow: inset 1px 1px 2px hsla(0,0%,100%,.25), inset -1px -1px 2px rgba(0,0,0,.25);
}

/*  _-_  NAV  _-_  */

.navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	/* background: rgba(38, 46, 51); */
    display: flex;
    justify-content: space-between;
	align-items: center;
	box-shadow: 1px 1px 15px #000;
	z-index: 9999;
}

.navbar-collapse {
	flex-grow: 0 !important;
}

.logo {
	font-size:30px;
	padding: 5px;
	margin-left: 20px;
	letter-spacing: 2px;
	font-family: 'Roboto Mono', monospace;
	text-decoration: none;
	color: #FFFFFF;
	transition: all 0.1s ease-in-out;
}

.nav ol {
	list-style-type: none;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-flow: wrap;
}

nav ul li {
	background: rgba(110, 110, 110, 0.3);
	margin: 0px 10px;
	text-decoration: none;
	transition: all 0.1s ease-in-out;
}

.nav-link {
	position: relative;
	color: #FFF !important;
	padding: 10px 20px !important;
	text-shadow: none !important;
	height: 100%;
}

.nav-item:hover {
	transform: scale(1.04);
	background: rgba(110, 110, 110, 0.5);
}

.logout a {
	display: flex;
	align-items: center;
    padding: 0px 4px !important;
    color: #007bff !important;
    font-size: 15px;
}

.nav-link span {
	z-index: 2 !important;
	padding: 10px 0px !important;
}

.nav a:hover{
	transform: scale(1.09);
	background: rgba(110, 110, 110, 0.5);
}

.nav li {
	color: #FFF;
}

/*  _-_  MAIN  _-_  */

.main {
	width: 100%;
	min-height: 75vh;
	padding: 80px 0px 60px 0px;
	display: flex;
	align-items: center;
	flex-direction: column;
}

/*  _-_  FOOTER  _-_  */

.footer {
	width: 100%;
	background: #222222;
	display: flex;
	align-items: center;
	opacity: 0.95;
	flex-direction: column;
	box-shadow: 1px 1px 15px #000;
}

.icongroup {
	display: flex;
	justify-content: space-around;
	flex-flow: wrap;
	align-items: center;
	margin: 30px 0px;
	background: rgb(43, 43, 43);
    padding: 7px 0px;
    box-shadow: inset -1px -1px 10px rgba(0, 0, 0, 0.35), 1px 1px 8px rgba(0, 0, 0, 0.45);
}

.icongroup img {
	width: 60px;
	height: 60px;
	transition: all 0.12s ease-in-out;
	margin-right: 15px;
}

.iconbox {
	display: flex;
    flex-direction: column;
	align-items: center;
	font-size: 20px;
}

.ikonka:hover{
	transform: scale(1.15);
}

.copyright{
	font-family: "Minecraft Regular";
	font-size: 25px;
	text-align: center;
	margin: 10px 0px;
}

.animation {
	min-width: 230px;
	text-shadow: 1px 1px 1px rgb(0, 0, 0);
	padding: 7px 15px;
	margin: 10px 0px;
	text-transform: uppercase;
    color: #FFF;
    font-size: 18px;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
	background: rgba(40, 40, 40);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
	transition: all 0.3s ease;
}

.animation:hover {
	background: rgba(30, 30, 30);
}

.animation:hover img{
	transform: scale(1.15);
}

.icon_text {
    padding-left: 5px;
}

.addicon {
    font-size: 20px;
    margin-bottom: 15px;
}

/*  _-_  EXTRA  _-_  */
/*
      www.OnlineWebFonts.Com 
      You must credit the author Copy this link on your web 
      <div>Font made from <a href="https://www.onlinewebfonts.com">oNline Web Fonts</a>is licensed by CC BY 3.0</div>
      OR
      <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>
*/
@font-face {font-family: "Uni Sans Thin CAPS";
    src: url("https://db.onlinewebfonts.com/t/5d834b70a587cc36b35bc59955bfa293.eot"); /* IE9*/
    src: url("https://db.onlinewebfonts.com/t/5d834b70a587cc36b35bc59955bfa293.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("https://db.onlinewebfonts.com/t/5d834b70a587cc36b35bc59955bfa293.woff2") format("woff2"), /* chrome firefox */
    url("https://db.onlinewebfonts.com/t/5d834b70a587cc36b35bc59955bfa293.woff") format("woff"), /* chrome firefox */
    url("https://db.onlinewebfonts.com/t/5d834b70a587cc36b35bc59955bfa293.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("https://db.onlinewebfonts.com/t/5d834b70a587cc36b35bc59955bfa293.svg#Uni Sans Thin CAPS") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Uni Sans Thin CAPS"; src: url("//db.onlinewebfonts.com/t/5d834b70a587cc36b35bc59955bfa293.eot"); src: url("//db.onlinewebfonts.com/t/5d834b70a587cc36b35bc59955bfa293.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/5d834b70a587cc36b35bc59955bfa293.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/5d834b70a587cc36b35bc59955bfa293.woff") format("woff"), url("//db.onlinewebfonts.com/t/5d834b70a587cc36b35bc59955bfa293.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/5d834b70a587cc36b35bc59955bfa293.svg#Uni Sans Thin CAPS") format("svg"); }

@font-face {
    font-family: 'Minecraft Regular';
    src: url('Minecraft-PL-Font.eot');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Minecraft Regular';
    src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff'),
        url('Minecraft-PL-Font.ttf') format('truetype'),
        url('Minecraft-PL-Font.svg#Minecraft-PL-Font') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'Uni Sans Thin';
    src: url('/fonts/UniSansThinCAPS.eot');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Uni Sans Thin';
    src: url('/fonts/UniSansThinCAPS.eot?#iefix') format('embedded-opentype'),
        url('/fonts/UniSansThinCAPS.woff') format('woff'),
        url('/fonts/UniSansThinCAPS.ttf') format('truetype'),
		url('/fonts/UniSansThinCAPS.svg#UniSansThinCAPS') format('svg');
		
		font-weight: normal;
		font-style: normal;
}

@font-face {
    font-family: 'Uni Sans Heavy CAPS';
    src: url('/fonts/UniSansHeavyCAPS.eot');
    src: url('/fonts/UniSansHeavyCAPS.eot?#iefix') format('embedded-opentype'),
        url('/fonts/UniSansHeavyCAPS.woff') format('woff'),
        url('/fonts/UniSansHeavyCAPS.ttf') format('truetype'),
        url('/fonts/UniSansHeavyCAPS.svg#UniSansHeavyCAPS') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Uni Sans Thin Italic';
    src: url('/fonts/UniSansThinItalicCAPS.eot');
    src: url('/fonts/UniSansThinItalicCAPS.eot?#iefix') format('embedded-opentype'),
        url('/fonts/UniSansThinItalicCAPS.woff') format('woff'),
        url('/fonts/UniSansThinItalicCAPS.ttf') format('truetype'),
        url('/fonts/UniSansThinItalicCAPS.svg#UniSansThinItalicCAPS') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Uni Sans Heavy Italic';
    src: url('/fonts/UniSansHeavyItalicCAPS.eot');
    src: url('/fonts/UniSansHeavyItalicCAPS.eot?#iefix') format('embedded-opentype'),
        url('/fonts/UniSansHeavyItalicCAPS.woff') format('woff'),
        url('/fonts/UniSansHeavyItalicCAPS.ttf') format('truetype'),
        url('/fonts/UniSansHeavyItalicCAPS.svg#UniSansHeavyItalicCAPS') format('svg');
    font-weight: 900;
    font-style: italic;
}
*/



/*  _-_  TEST  _-_  */

.test {
	width: 70%;
	height: 250px;
}

.test_box {
	width: 100px;
	height: 100px;
	background: linear-gradient(-10deg, rgba(117,29,29,1) 0%, rgba(242,50,50,1) 100%);
	clip-path: polygon(100% 50%, 0 0, 0 100%);
}

.mc-tooltip-content {
    background-color: rgba(8,3,11,0.93);
    visibility: hidden;
    padding: 5px;
    position: absolute;
    height: auto;
    bottom: 105%;
    left: 50%;
    transform: translate(-50%);
    width: 650px;
    z-index: 9999;
    border-radius: 5px;
}

.slot1:hover > .mc-tooltip-content {
	visibility: visible;
}

.mc-tooltip-content:hover {
    display: none;
}

.mc-tooltip-content__text {
    width: 100%;
    padding: 10px;
    border: 2px solid #250747;
    border-radius: 2px;
    font-size: 37px;
    color: #aaa;
    font-family: 'Minecraft Regular';
    z-index: 99999;
}

.dark-s {
    color: #555;
	font-family: 'Minecraft Regular';
}

.gray-s {
    color: #aaa;
    font-family: 'Minecraft Regular';
}

.white-s {
    color: #fff7ff;
    font-family: 'Minecraft Regular';
}

.gold {
	color: #fa0;
	font-family: "Uni Sans Thin CAPS";
}

/*  log  */

.log {
    width: 50%;
    display: inline-block;
}

.pass {
	width: 50%;
	float: right;
	display: inline-block;
}
/*  -----------  INDEX.PHP  -----------  */

/* Serwer */

.background {
	width: 200px;
	height: 100px;
	border-radius: 20px;
	background: rgba(0, 0, 0, 0.35);
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 100px;
	box-shadow: 0px 0px 25px 3px rgba(0, 0, 0, 0.4), inset 0px 0px 25px 3px rgba(50, 50, 50, 0.15);
	transition: all 0.3s ease;
}

.background:hover {
	background: rgba(0, 0, 0, 0.45);
}

.glownalogo {
	width: 100%;
	padding: 40px 0px;
	margin-bottom: 140px;
	margin-top: 100px;
	background: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: space-around;
	flex-flow: wrap;
	box-shadow: 1px 1px 15px #000;
}

.left, .right {
    margin: 30px 0px 60px 0px;
}

.left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.logoimg {
	-webkit-box-shadow: 1px -1px 22px 13px rgba(184,35,184,1);
	-moz-box-shadow: 1px -1px 22px 13px rgba(184,35,184,1);
	box-shadow: 1px -1px 22px 13px rgba(184,35,184,1);
    height: 440px;
    margin-bottom: 20px;
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center;
    align-items: center;
}


.logoimg img {
	width: 100%;
  	height: 100%;
  	object-fit: cover;
}

.opis {
	width: 90%;
	font-size: 20px;
	text-align: center;
	padding: 40px 5px;
	background: rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
}

.describeform > form:nth-child(2) {
	background: rgba(0, 0, 0, 0.1) !important;
}

.nicEdit-main::selection {
	background-color: rgba(150, 150, 150, 0.2);
}

.right {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	letter-spacing: 3px;
}

.right-break {
	margin: 2rem 0px;
	width: 70%;
	border-top: 5px solid rgba(20, 20, 20, 0.5);
	border-radius: 10px;
}

.info {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 10px 0px;
}

.ip {
	font-family: "Minecraft Regular";
	font-size: 68px;
	display: flex;
	justify-content: center;
	transition: all 0.2s ease;
	cursor: pointer;
}

.ip span {
	font-size: 70px;
}

.ip:hover {
	transform: scale(0.95);
}

#copy {
	margin-bottom: 0px;
	margin-top: 20px;
	font-size: 22px;
}

#box_message {
	display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: rgb(150, 35, 25);
    padding: 10px;
	border-radius: 5px;
	transition: 0.5s all ease;
	opacity: 0;
}

.online, .mc_online {
	width: 100%;
    font-size: 20px;
    display: flex;
	justify-content: center;
	text-align: center;
}

.mc_online {
	margin-top: 7px;
}

.version {
	font-family: "Uni Sans Thin CAPS";
    font-style: normal;
	font-size: 24px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
    margin-top: 20px;
}
.ramkaonline{
	border: 10px;
	background: rgba(0, 0, 0, 0.3);
	padding: 20px;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
	text-align: center;
}

/* Admini */

.admin {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 140px;
    background: rgba(0, 0, 0, 0.5);
	padding: 70px 0px;
	box-shadow: 1px 1px 7px #000;
}

.admini {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: wrap;
	font-family: "Uni Sans Thin CAPS";
	font-size: 25px;
}

.napis_admin {
	margin-bottom: 40px !important;
}

.napis_admin h1 {
    font-size: 44px;
}

.admin_content {
	width: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: space-between;
	background: rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.5);
	padding: 30px 0px;
	margin: 0px 20px;
	margin-bottom: 40px;
	transition: all 0.3s ease !important;
}

.admin_content:hover {
	background: rgba(0, 0, 0, 0.5);
}

.admin_content img {
	width: 130px;
	height: 180px;
	margin-top: 5px;
}

.admin_box {
    display: flex;
    flex-direction: column;
    align-items: center;
	transition: all .2s ease-in-out;
	font-size: 27px;
}

.admin_content:hover .admin_box {
	transform: scale(1.1);
}

.admin_box > h1 {
	margin-bottom: 0;
}

.admin_content > a {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-size: 28px;
}

.nickadmin {
    text-align: center;
}

.admin > a > span {
	font-size: 25px;
}

/* Najlepsi gracze */

.najlepsi_gracze {
	width: 100%;
    display: flex;
    flex-direction: column;
	align-items: center;
	margin-bottom: 60px;
	background: rgba(38, 46, 51, 0.75);
	padding: 30px;
	padding-bottom: 70px;
	box-shadow: 1px 1px 7px #000;
}

.napis_najlepsi {
	margin: 40px 0px;
}

.napis_najlepsi h1 {
    font-size: 44px;
}

.najlepsi {
	padding: 10px 0px 30px 0px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
	font-family: 'Uni Sans Thin CAPS';
	font-size: 22px;
}

.najlepszygracz {
	width: 90%;
	background-color: #171717;
	border: 1px solid #121212;
	margin-top: 30px;
	text-align: center;
}

.nicktopka {
	padding: 2px;
	margin: -2px -4px 0 -4px;
    background-color: #262626;
    background-image: url(https://di.community/uploads/set_resources_22/6d538d1…_title_stripes-min.png);
    background-repeat: repeat;
	color: #fff7ff;
	font-size: 25px;
    border: solid #121212;
    border-width: 1px 1px 2px 1px;
    border-radius: 3px 3px 0 0;
}

.experience {
	width: 28px !important;
    height: 21px !important;
	margin-top: 5px;
    margin-left: 5px;
}

.exp_bottle {
	width: 17px !important;
    height: 22px !important;
	margin-top: 3px;
    margin-left: 5px;
}

.exptopka {
	display: flex;
    justify-content: center;
	padding: 8px 0px;
	flex-flow: wrap;
}

.exptopka:first-child {
	margin: 0px;
}

.exptopka > div {
	width: fit-content;
	height: fit-content;
	margin-left: 15px;
}

.level {
	border-bottom: 2px solid rgba(0, 170, 0);
	font-size: 22px;
	display: flex;
}

.exp {
	border-bottom: 2px solid #0066EE;
	font-size: 22px;
	display: flex;
}

.level span {
	color: rgb(255, 166, 0);
	font-size: 22px;
	padding-right: 10px;
}

.exp span {
	color: rgb(255, 166, 0);
	font-size: 22px;
	padding-right: 10px;
}

/* .najlepsi:first-child div {
	background: rgba(180, 0, 0, 0.75);
	transform: scale(1.12);
	transition: all .2s ease-in-out;
}
.najlepsi:first-child:hover
{
	transform: scale(1.16);
}

.najlepsi:nth-child(2) {
	background: rgba(250, 120, 20, 0.8);
	transform: scale(1.08);
	transition: all .2s ease-in-out;
}
.najlepsi:nth-child(2):nth-child(2):hover
{
	transform: scale(1.12);
}
.najlepsi:nth-child(3) {
	background: rgb(255, 190, 10, 0.8);
	transform: scale(1.04);
	transition: all .2s ease-in-out;
}
.najlepsi:nth-child(3):hover{
	transform: scale(1.08);
} */
/*
.najlepsi_box {
	display: flex;
	flex-direction: column;
	transition: all .2s ease-in-out;
}

.najlepsi_box:hover {
	transform: scale(1.2) rotate(10deg);
}

.nick_najlepsi {
	text-align: center;
}

.najlepszygracz {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	display: flex;
	margin-top: 30px;
	letter-spacing: 1px;
	background-color: #222222;
	opacity: 0.85;
	border-radius: 10px;
	box-shadow: 1px 1px 7px #000;
	transition: all .1s ease-in-out;
	justify-content: space-between;
	padding: 5px;
	flex-flow: wrap;
}

.najlepszygracz:hover{
	transform: scale(1.05);
}

.nicktopka{
	margin-left: 10px;
}

.exptopka{
	margin-right: 10px;
} */

/*  -----------  TRYBY.PHP  -----------  */

.trybycontainer {
	margin-top: 120px;
	margin-bottom: 120px;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 15px;
	padding: 20px;
}

.swords_image {
	width: 30px;
    height: 30px;
    margin-left: 10px;
}

.slot1 {
	position: relative;
	border: 1px solid #0a0a0a;
    border-top: 2px solid #0a0a0a;
	border-right: 2px solid #0a0a0a;
	display: flex;
	margin-left: 1px;
	margin-top: 1px;
}

.slot1:hover {
	background-color: #1b1b1b;
}

.slot1 img {
	width: 100%;
	height: 100%;
}
.slot1 a {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0.4;
    font-size: 60px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.linia {
	display: flex;
	align-items: left;
}

.trybyserwer {
    font-family: 'Uni Sans Thin CAPS';
    font-size: 27px;
    font-weight: 600;
	letter-spacing: 1px;
	margin: 10px 30px;
}

.trybytlo {
    height: fit-content;
    background-color: #222222;
    padding: 10px;
    box-shadow: inset 0px 0px 0px 11px rgba(0, 0, 0, 0.2);
    border-radius: 7px;
}

/*  -----------  NOWOSCI.PHP  -----------  */

.container {
	display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr;
	padding: 10px;
	margin-top: 50px;
	grid-column-gap: 50px;
}

/* Form */

.post_form {
	color: #000;
	background: rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 7px 1px rgba(0, 0, 0, 0.6);
	padding: 15px;
	margin-bottom: 25px;
}

.post_form h1 {
    padding: 7px 25px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}

.form-check {
    display: flex;
    align-items: center;
}

.form-check input {
	margin-top: -1px !important;
}

/* Posty */

.posts {
}

.post:first-child {
	margin-top: 0;
}

.post {
    display: flex;
	flex-direction: column;
	background-color: #222222;
	margin-top: 50px;
	border-radius: 7px;
	filter: blur(0.4px);
	box-shadow: /*bottom shadow*/
	0px 5px 20px rgba(0,0,0,0.2),
	0px 0px 10px rgba(0,0,0,0.2),
	/*long bottom shadow*/
	0px 30px 25px rgba(0,0,0,0.4),
	/*right shadow*/
	30px 50px 50px rgba(0,0,0,0.2),
	/*left shadow*/
	-30px 50px 50px rgba(0,0,0,0.2),
	/*right inset*/
	inset 20px 0px 60px rgba(0,0,0,0.1),
	/*left inset*/
	inset -20px 0px 60px rgba(0,0,0,0.1);
}

/* header */

.post_header {
	background-color: #282828;
    display: flex;
    align-items: center;
    justify-content: space-between;
	height: 90px;
	border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.header {
    margin-left: 20px;
    padding: 10px;
    height: 100%;
    display: flex;
    align-items: center;
}

.header > a {
	color: rgb(255, 132, 19);
	transition: all 0.2s ease;
}

.header a:hover {
	color: rgb(210, 105, 0);
	transform: scale(1.04);
}

.profil {
	position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
}

.profil_break {
    position: absolute;
    width: 100%;
    border-top: 39px solid rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    margin: 0;
    top: 29%;
    left: -10px;
}

.avatar {
    width: 90px;
    height: 90px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.avatar img {
    width: 57px;
    height: 57px;
    border-radius: 40px;
}

.user {
    display: flex;
    justify-content: center;
	align-items: center;
	z-index: 1;
}

/* opis postu */

.post_content {
	min-height: 130px;
    display: flex;
    justify-content: space-between;
}

.post_description {
	padding: 15px;
	font-size: 18px;
}

.post_options {
	width: 95px;
	min-height: 100px;
	padding-bottom: 3px;
    padding-right: 7px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.options {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.post_edit_icon, .post_del_icon {
	font-size: 25px;
	margin-top: 15px;
	width: 30px;
}

.post_edit_icon {
	color: rgb(255, 132, 19);
}

.post_edit_icon:hover {
	color: rgb(218, 117, 24);
}

.post_del_icon {
	color: rgb(207, 41, 41);
}

.post_del_icon:hover {
	color: rgb(165, 36, 36);
}

.date {
	padding-right: 10px;
	white-space: nowrap;
}

/* Sidebar */

.sidebar_menu {
	width: 100%;
	padding: 7px;
	padding-bottom: 15px;
	background: #FAFAF5;
	filter: blur(0.4px);
      box-shadow:
      /*bottom shadow*/
      0px 20px 20px rgba(0,0,0,0.2),
      0px 5px 10px rgba(0,0,0,0.2),
      /*long bottom shadow*/
      0px 70px 50px rgba(0,0,0,0.4),
      /*right shadow*/
      30px 50px 50px rgba(0,0,0,0.2),
      /*left shadow*/
      -30px 50px 50px rgba(0,0,0,0.2),
      /*right inset*/
      inset 20px 0px 60px rgba(0,0,0,0.1),
      /*left inset*/
      inset -20px 0px 60px rgba(0,0,0,0.1);
    position: sticky;
	top: 100px;
}

.sidebar_header {
    font-size: 23px;
	padding: 25px 0px;
	padding-left: 15px;
	color: #000;
}

.sidebar_ul {
    list-style-type: none;
    padding-left: 20px;
    margin: 0px;
}

.sidebar_tematy {
    color: rgb(255, 132, 19);
	font-size: 20px;
}

.sidebar_tematy:hover {
	color: rgb(210, 105, 0);
}

.sidebar_tematy li {
	font-size: 20px;
	margin-top: 20px;
	transition: 0.3s ease;
}

.sidebar_tematy li:hover {
	padding-left: 10px;
}

.sidebar_tematy:first-child > li {
    margin-top: 0px;
}

.posts .btn-primary {
	border: 0px !important;
}

/* EDIT DISCRIBE */
.discribeform{
	color: black !important;
	width: 80%;
    height: fit-content;
    background: #FFF;
    border: 1px solid #000;
    border-radius: 13px;
    margin: 100px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}


/*  -----------  NOWOSC.PHP  -----------  */

/* Post */

.user_post {
    background: #FFF;
    border: 1px solid #333;
    color: #FFF;
    display: flex;
	flex-direction: column;
	box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.6);
	margin-bottom: 55px;
}

/* post header */

.user_post_header {
    width: 100%;
    background-color: #282828;
    border-bottom: 2px solid #363636;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_post_title {
    width: -webkit-fill-available;
    font-size: 22px;
    color: rgb(255, 132, 19);
	padding: 15px;
	padding-left: 20px;
    transition: all 0.3s ease;
}

.user_post_title:hover {
	padding-left: 25px;
}

.user_post_title:hover {
	color: rgb(210, 105, 0);
}

.user_post_profile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 10px;
}

.user_post_name {
    margin-right: 10px;
    font-size: 18px;
}

.user_post_avatar {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0px 15px;
}

.user_post_avatar_break {
    position: absolute;
    width: 108%;
    border-top: 25px solid rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    top: 26%;
    left: -6px;
    margin: 0;
}

.user_post_avatar img {
    width: 50px;
    height: 50px;
    z-index: 1;
	transform: translateX(8px);
	border-radius: 40px;
	background: rgba(25, 25, 25, 1);
}

/* post content */

.user_post_content {
    background-color: #303030;
}

.user_post_content_image {
    display: flex;
    justify-content: center;
}

.user_post_content_image > div {
    width: 95%;
    height: 400px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	margin: 15px 0px;
}

.user_post_content_text {
    padding: 10px 30px;
    font-size: 19px;
}

/* post footer */

.user_post_footer {
    width: 100%;
    height: 50px;
    background-color: #282828;
    border-top: 2px solid #363636;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.views {
    margin-left: 15px;
}

.user_post_footer_edit {
    font-size: 22px;
}

.user_post_footer_delete_icon {
    color: rgb(207, 41, 41);
    padding-right: 15px;
	transition: all 0.05s ease;
}

.user_post_footer_delete_icon:hover {
	color: rgb(165, 36, 36);
	transform: scale(1.1);
}


.user_post_footer_edit_icon {
	color: rgb(255, 132, 19);
	transition: all 0.05s ease;
}

.user_post_footer_edit_icon:hover {
	color: rgb(218, 117, 24);
	transform: scale(1.1);
}

.user_post_footer_time {
    margin-right: 15px;
}

/* Post Buttons */

.page-item {
	background: none !important;
	margin: 0px 20px;
}

.page-link {
	transition: all 0.3s ease;
	font-size: 21px;
	color: white;
}

.page-link:hover {
	background-color: rgba(130, 130, 130, 1) !important;
	border-color: #dee2e6;
	color: #0272e9 !important;
}

.page-item.disabled .page-link {
	color: #DFDFDF;
	background-color: rgba(0, 0, 0, 0.3) !important;
}

.user_post_buttons {
    background: rgba(40, 40, 40, 0.7);
    border: none;
    padding: 0.5rem 0.65rem !important;
}

.user_post_button_left, .user_post_button_right {
	position: relative;
	opacity: 1;
}

.page-link:hover .user_post_button_left, .page-link:hover .user_post_button_right {
	opacity: 0;
}

.user_post_button_left_hover, .user_post_button_right_hover {
    position: absolute;
    top: 24%;
    left: 27%;
    opacity: 0;
}

.page-link:hover .user_post_button_left_hover, .page-link:hover .user_post_button_right_hover {
	opacity: 1 !important;
}

/* _-_ RANKINGI.PHP _-_ */

/* Search */

.searcher {
    display: flex;
    margin: 40px;
}

.search_bar {
    background: #171717;
    border: 1px solid #121212;
    border-radius: 21px;
    padding: 8px;
    color: white;
	font-size: 18px;
	font-family: 'Montserrat';
	margin-right: 10px;
	outline: none;
}


.search_button {
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 22px;
    background: #121212;
    font-size: 20px;
}

.search_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
}

.search {
    background: none;
    border: none;
	outline: none;
	width: 100%;
    height: 100%;
	padding: 0;
	color: white;
}

/* Karuzela */

.carousel {
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
	padding: 50px 0px;
	box-shadow: 1px 1px 7px #000;
}

.rank_post {
    width: 100%;
    display: flex;
	justify-content: center;
	margin: auto;
	background: none !important;
	box-shadow: none !important;
}

.rank_exptopka {
    display: flex;
    align-items: center;
}

.rank_level, .rank_level span, .rank_exp, .rank_exp {
	font-size: 22px;
}

/* Iframe (Iframe.php) */

.black_martin {
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
	padding: 10px;
	min-height: 700px;
}

.rank_topka {
	background: none !important;
	box-shadow: none !important;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 270px 50px;
	grid-column-gap: 25px;
    padding: 30px;
}

.topka_disabled:after {
    content: 'Nieaktywne';
    position: absolute;
    left: 15%;
    top: calc(50% - 50px);
    width: 70%;
    height: 100px;
	background: #981815;
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
}

.rank_topka_profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    border-radius: 10px;
    padding: 50px 0px;
    transition: all 0.3s ease;
}

.rank_topka_profile:nth-child(1) {
	grid-area: nd;

    background: radial-gradient(circle, rgba(17,17,17,1) 0%, rgba(190, 194, 203, 0.5) 100%);
    box-shadow: inset 0px 0px 70px 2px rgba(190, 194, 203, 0.2);
}

.rank_topka_profile:nth-child(1):hover {
    background: radial-gradient(circle, rgba(17,17,17,1) 0%, rgba(190, 194, 203, 0.8) 100%);
    box-shadow: inset 0px 0px 70px 2px rgba(190, 194, 203, 0.5),
    inset 0px 0px 30px 2px rgba(190, 194, 203, 0.5);
}

.rank_topka_profile:nth-child(2) {
	grid-area: st;

	justify-content: flex-start;
    
    background: radial-gradient(circle, rgba(17,17,17,1) 0%, rgba(255,170,0,0.5) 100%);
	box-shadow: inset 0px 0px 70px 2px rgba(255, 170, 0, 0.2);
	background-position: 0px -25px;
}

.rank_topka_profile:nth-child(2):hover {
    background: radial-gradient(circle, rgba(17,17,17,1) 0%, rgba(255,170,0,0.8) 100%);
    box-shadow: inset 0px 0px 70px 2px rgba(255, 170, 0, 0.5),
    inset 0px 0px 30px 2px rgba(255, 170, 0, 0.5);
}

.rank_topka_profile:nth-child(3) {
	grid-area: rd;


    background: radial-gradient(circle, rgba(17,17,17,1) 0%, rgba(137, 66, 24, 0.5) 100%);
    box-shadow: inset 0px 0px 70px 2px rgba(137, 66, 24, 0.2);
}

.rank_topka_profile:nth-child(3):hover {
    background: radial-gradient(circle, rgba(17,17,17,1) 0%, rgba(137, 66, 24, 0.8) 100%);
    box-shadow: inset 0px 0px 70px 2px rgba(137, 66, 24, 0.5),
    inset 0px 0px 30px 2px rgba(137, 66, 24, 0.5);
}

.rank_topka_test_head {
	width: 110px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
}

.rank_topka_test_head img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.rank_topka_nick {
    margin-top: 10px;
    font-family: "Uni Sans Thin CAPS";
    font-size: 23px;
}

.rank_topka_number {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-family: "Minecraft Regular";
    font-size: 50px;
	text-shadow: 2px 2px  rgba(255, 255, 255, 0.1);
	transform: translateY(10px);
}

.rank_topka_number:nth-child(4) { /* 2# */
	grid-area: num_nd;

    color: rgb(190, 194, 203);
    text-shadow: 0px 0px 20px rgb(190, 194, 203);
}

.rank_topka_number:nth-child(5) { /* 1# */
	grid-area: num_st;

    color: #fa0;
    text-shadow: 0px 0px 20px rgba(255, 170, 0, 1);
}

.rank_topka_number:nth-child(6) { /* 3# */
	grid-area: num_rd;

    color: rgb(137, 66, 24);
    text-shadow: 0px 0px 20px rgb(137, 66, 24);
}
.rpg{
	font-family: "Uni Sans Thin CAPS";
}

.rpg h1 {
    text-align: center;
}

/* Ranking - Topka */

/*

.ranking_title {
    font-size: 44px;
}

.ranking_topka {
    display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin: 15px 0px;
}

.ranking_card {
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
	width: 300px;
}

.ranking_card_title, .ranking_card_content {
	height: 230px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #171717;
	transition: 0.4s ease;
}

.ranking_card_title {
    transform: translateY(115px);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    flex-direction: column;
}

.ranking_card_title_avatar {
    background-size: cover;
    width: 100px;
	height: 100px;
	margin-bottom: 10px;
}

.ranking_card_title_nick {
	font-size: 29px;
}

.ranking_status {
    position: absolute;
    right: 9px;
    bottom: 4px;
    font-size: 20px;
}

.ranking_status i {
    color: rgb(0, 180, 0);
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: -4px;
}

.ranking_card_content {
    position: relative;
    transform: translateY(-115px);
    background: #fff;
    color: #000;
    display: flex;
    flex-direction: column;
}

.ranking_ranga {
    position: absolute;
    top: 10px;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: 'Uni Sans Thin CAPS';
    text-transform: uppercase;
}

.ranking_poziom {
}

.ranking_exp {
}

.ranking_card:hover .ranking_card_title {
	transform: translateY(0px);
	background: var(--main-color);
}

.ranking_card:hover .ranking_card_content {
    transform: translateY(0px);
}

.ranking_card_title > div, .ranking_card_content > div {
	transition: 0.6s ease;
	opacity: 0.5;
}

.ranking_card:hover .ranking_card_title > div, .ranking_card:hover .ranking_card_content > div {
	opacity: 1;
} */

.ranking {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 140px;
    background: rgba(0, 0, 0, 0.5);
    padding: 70px 0px;
	box-shadow: 1px 1px 7px #000;
	font-size: 24px;
}

.ranking_title {
    font-size: 48px;
    margin-bottom: 60px;
}

.ranking_topka {
    display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.ranking_server_name {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 55px;
    font-size: 28px;
}

.ranking_card {
	position: relative;
    width: 300px;
    display: flex;
    flex-direction: column;
    background-color: rgba(33, 33, 33);
    font-family: 'Montserrat', sans-serif !important;
    border: 2px solid rgb(49, 49, 49);
    box-shadow: 0px 0px 0px 9px rgb(30, 30, 30);
	border-radius: 5px;
	margin: 0px 15px;
}

.card_disabled:after {
    content: 'Nieaktywne';
    position: absolute;
    left: 0;
    top: calc(50% - 50px);
    width: 100%;
    height: 100px;
	background: #981815;
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
}

/*tytuł karty gracza*/

.ranking_card_title {
    background-color: rgba(33, 33, 33);
    height: 230px;
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ranking_card_title_avatar {
    width: 100px;
    height: 100px;
	background-size: cover;
	margin-bottom: 15px;
}

.ranking_card_title_nick {
    font-size: 26px;
}

/*content karty gracza*/

.ranking_card_content {
    background-color: rgba(33, 33, 33);
    font-size: 17px;
    display: flex;
    flex-direction: column;
}

.ranking_card_content_info {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 6px;
}

.ranking_dark {
    background-color: rgb(33, 33, 33);
}

.ranking_light {
    background-color: rgb(44, 44, 44);
}

.ranking svg, .ranking .far {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.fa-star {
	width: 25px;
	height: 25px;
}

.ranking_post_card {
    position: relative;
    width: 250px;
    display: flex;
    flex-direction: column;
    background-color: rgba(33, 33, 33);
    font-family: 'Montserrat', sans-serif !important;
    border: 2px solid rgb(49, 49, 49);
    box-shadow: 0px 0px 0px 9px rgb(30, 30, 30);
    border-radius: 5px;
		margin: 0px 10px;
		margin-bottom: 50px;
}

div#output {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}