html{
	scroll-behavior: smooth;
}

body{
	background: url('../images/bg.png');
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	padding: 0px;
	margin: 0px;
}

* {
	list-style: none;
	text-decoration: none;
}

.ortaMenu{
	margin-top: 5px;
	width: 100%;
}

.ortaMenu>img{
	margin: 0 auto;
}

img{
	display:block;
}

.discord-widget {
	z-index: 9;
	position: fixed;
	left: 30px;
	bottom: 20px;
	padding: 29px;
}

.discord-widget img {
	width: 100%;
}

.FaceImg {
	z-index: 9;
	position: fixed;
	left: 31px;
	bottom: 194px;
	padding: 29px;
}

.FaceImg img {
	width: 100%;
}
.m-0{
	margin: 0!important;
}
.p-0{
	padding: 0!important;
}
.mt-5 {
	margin-top: 3rem !important
}
.ms-5{
	margin-left: 3rem !important;
}
.me-5{
	margin-right: 3rem !important;
}
.d-flex {
	display: flex !important
}
.pt-5 {
	padding-top: 3rem !important
}
.pb-5 {
	padding-bottom: 3rem !important
}
#images>img{
	margin: auto;
}
img{
	transition: 500ms;
}
img:hover{
	filter: brightness(1.2);
	transition: 500ms;
}
.butonlar{
	position: fixed;
	right: 1638px;
	top: 20px;
	z-index: 9999;
}
.butonlar img{
	width: 100%;
}
.butonlar a{
	display: block;
	margin-bottom: 20px;
}
@font-face {
	font-family: Fenomen;
	src: url("../fonts/Fenomen Slab SCN Light.otf");
}
.basliklar{
	z-index: 9;
	position: fixed;
	right: 70px;
	border: 1px dashed #ffe081;
	background: linear-gradient(90deg, #300000, #100000);
}
.basliklar ul{
	width: 100%;
	list-style: none;
	margin: 0px!important;
	padding: 10px 20px!important;
}
.basliklar a{
	font-family: Fenomen;
	font-size: 16px;
	background: -webkit-linear-gradient(90deg,rgb(255 213 92) 0%,rgb(255 201 80) 43%,rgb(255 247 146) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #ff000000;
	transition: 500ms;
}
.basliklar a:hover{
	filter: brightness(1.2);
	transition: 500ms;
}
@media (max-width: 1600px){
	img{
		width: 50%;
	}
	.butonlar{
		right: 140px;
	}
	.basliklar{
		right: 60px;
	}
}
@media (max-width: 1370px){
	img{
		width: 50%;
	}
	.butonlar img{
		width: 90%;
	}
	.basliklar{
		top: 300px;
	}
	.butonlar{
		right: 95px;
	}
	.basliklar{
		right: 25px;
	}
	.discord-widget img {
		width: 70%;
	}
	.FaceImg {
		bottom: 140px;
	}
	.FaceImg img {
		width: 70%;
	}
}
@media (max-width: 959px){
	.butonlar{
		position: inherit;
		display: flex;
		justify-content: center;
		width: 100%;
		margin-top: 10px;
	}
	.butonlar img{
		width: 100px;
	}
	.basliklar{
		display: none;
	}
	img{
		width: 100%;
	}
	.ortaMenu{
		margin-top: 0px;
	}
	.discord-widget {
		display: none;
	}
	.FaceImg {
		display: none;
	}
}