@charset "utf-8";
/* CSS Document */

html {
    background: black;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
	background-color: black;
}

*
{
	font-family: Calibri, Arial, Times;
}

.cerceve
{
	background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 17%, rgba(0,0,0,1) 100%);
}

.canvas
{
	width: 100%;
	height: 100vh;
	
}

.slog
{
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	
}

.slogname
{
	color: greenyellow;
	text-align: center;
	font-size: 140px;
	font-weight: bolder;
	font-family: Calibri, Arial, Times;
}

.slogac
{
	text-align: center;
	font-size: 60px;
	color: #0F0;
	text-shadow: 0px 0px 3px white;
}

.waviy {
  position: relative;
  -webkit-box-reflect: below -10px linear-gradient(transparent, rgba(0,0,0,.2));
  font-size: 20px;
}
.waviy span {
  font-family: Calibri, Arial, Times;
  position: relative;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  animation: waviy 1s infinite;
  animation-delay: calc(.1s * var(--i));
	font-size: 140px;
	text-shadow: 0px 0px 10px #0F0;
	
  
}
@keyframes waviy {
  0%,40%,100% {
    transform: translateY(0);
	  color: black;
  }
  20% {
    transform: translateY(-3px);
	  color: #0F0;
		
  }
}



@media screen and (max-width: 600px) {
  .waviy,.slogname,.waviy span {
    font-size: 40px;
  }
}


.cap1
{
	text-align: center;
	background-color: #0F0;
	color: black;
	width: 100%;
	font-family: Calibri, Times, Arial;
	font-size: 30px;
	font-weight: bolder;
	
}

.abus-img
{
	width: 100%;
	border-radius: 10px;
}

div
{
			font-family: Calibri, Times, Arial;
}

.abus-h
{
	width: 100%;
	text-align: left;
		font-family: Calibri, Times, Arial;
	font-size: 30px;
	font-weight: bolder;
	color: #0F0;
	border-bottom: solid 1px #0F0;
	padding-left: 30px;
}

.abus-p
{
	color: darkolivegreen;
	text-indent: 25px;
	padding-left: 30px;
	padding-top: 10px;
	text-align: justify;
}

h1
{
	color: #0F0; 
	text-align: center;
	margin-top: 10px;
}


.card-c
{
	border: solid 1px #0F0;
	border-radius: 6px;
	padding: 10px;
	margin-bottom: 20px;
	
}

.card-h
{
	color: #0F0;
	border-bottom: dashed 1px orange;
	text-align: center;
	font-weight: bolder;
	font-size: 20px;
	padding-bottom: 5px;
	min-height: 55px;
	
}

.card-i
{
	width: 100%;
}


.cons
{
	text-align: center;
	color:  white;
}

.cardl
{
	color: orange;
	width: 100%;
	border-right: dashed 1px orange;
	
	margin-top: 4px;
	font-family: fantasy, Calibri, Arial, Times;
}

.cardr
{
	color: #0F0;
	width: 100%;
	text-align: right;
		margin-top: 4px;
	font-weight: 600;
}
a:hover
{
	text-decoration: none;	
	color: black ;
	background-color: #0F0;

}

.price
{
	background-color: #0F0;
	color: black;
	font-weight: bolder;
	font-size: 22px;
}

.pricel
{
	padding-top: 4px;
	color: #0F0;
	font-weight: 600;
	border-right: dashed 1px orangered;
	letter-spacing: 4px;
}


.buys
{

	margin-right: 30px;	
	color: black;
	background-color: #0F0;
	width: auto !important;
	display: block;
	margin-left: auto;
	padding: 0px 10px;
	border-radius: 5px;
	margin-top: 10px;
}

.card-i
{
	padding-top: 25px;
}


h2
{
	text-align: center;
	background-color: #0F0;
	color: black;
	margin: 25px 0px;
}


.footer
{
	background-color: #0F0;
	color: black;
	text-align: center;
	padding: 4px;
	font-weight: 600;
}


body::-webkit-scrollbar {
    width: 0.2em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: #0F0;
  outline: 1px solid #0F0;
}