@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@800&display=swap');

body{
	background-color: aqua;
	overflow-x: hidden;
}

h1,h6,i{
	color: white;
	text-align: center;
	font-family: 'Abhaya Libre', serif;
}
.navbar{
	text-align: center;
}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
	display: block;
}
.footer {
	position: absolute;
	bottom: 0;
	width: inherit;
}
.container-fluid{
	padding-left: 0px;
	padding-right: 0px;
}

.chkik{
	z-index: -1;
}

.theam{

}

.grass {
    text-align: center;
    display: block;
    width: 100%;
    position: fixed;
    z-index: 6;
    width: inherit;
    bottom: 20px;
}

img.img-responsive {
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.button_container{

	padding-bottom: 100px;
	padding-top: 50px;
}

img.link_size{

	width: 95%;
}


.link_size:hover {
  animation: shake 1s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  animation-iteration-count: infinite;
  cursor: url("../img/cursor64.png"), auto;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-3px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(3px, 0, 0);
  }
  
  30%, 50%, 70% {
    transform: translate3d(-6px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(6px, 0, 0);
}