@charset "utf-8";
body::-webkit-scrollbar {
  width: 5px;
}
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 5px;
}
body::-webkit-scrollbar-thumb {
  background-color: #53849d;
	border-radius: 5px;
}
::selection {
  background: grey
}

body {
	background-color: #0f1e2f;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
}

footer{
	width: 100%;
	height: 40px;
	background: #091623;
	position: fixed;
  left: 0;
  bottom: 0;
}
.footer {
	width: 78%;
	margin: 0px auto;

	}

.copyright{
  text-align: center;
	font-size: 12px;
}


.logo-main{
  width: 50%;
  height: auto;
  margin: auto;
  margin-top: 20%;
  margin-bottom: 20%;
}

.logo-top img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  animation: logo-top 0.4s ease 2s forwards;
}

@keyframes logo-top {
    from {opacity: 0;}
    to {opacity: 1; }
}

.line{
  	border: 3px solid #53849d;
    opacity: 0;
    z-index: 1;
    margin-top: -4%;
    animation: Line 0.9s ease 1s forwards
}

@keyframes Line {
		from {width: 0%; opacity: 0;}
		to {width: 98%; opacity: 1;}
}


.menu-alt{
 animation: move 0.9s ease 2s forwards;

 opacity: 0

}

@keyframes move {
  from {opacity: 0;}
  to {opacity: 1;}
}

.menu-alt p {
  color: #FFFFFF;
	font-family: Montserrat;
	font-size: 25px;
  margin-left: 15px;
  float: left;
	text-decoration: none;
}

.menu-alt a {
  opacity: 100%;
  transition: 0.3s;
}
.menu-alt a:hover{
opacity: 50%;
transition: 0.3s;
}

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


/* Tablet :768px. */


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




/*600px den düşük tüm çözünürlükler için ( telefon )*/
@media only screen and (max-width: 600px) {

 .logo img {
		width: 200px;
		height: 200px;
		border: 15px solid #c62828;
	  left: calc(50% - 115px);
		position: absolute;
		top: calc(50% - 115px);
    opacity: 0;
    animation: logo 0.4s ease 1s forwards;
}


.menu-alt{
    

}





}