.gradient {
background: #5A3F37;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #5A3F37, #2C7744);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #5A3F37, #2C7744); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.bg-v {
  background-color: #2C7744 !important;
}
.bg-m {
  background-color: #5A3F37 !important;
}
.y {
  color: #d29438;
}

.v {
  color: #2C7744;
}
.cta {
  background-color: #d29438;
  color: white;
}

.rs {
    height: 46px;
}

.rs:hover {
    transition: transform .3s;
transform: scale(1.1);
}

.border-b {
  border-color: #d29438;
}

.menu:hover {
   color: #d29438;
   font-weight: bold;
}

.wrapper{
display:flex;
place-items:start;
}

.nft {
border: 1px solid;
border-color: #d29438;
}

.dark {
box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}

.edible {
background-color: #f8f495;
}

.poisonous {
background-color: #db95f8;
}

.unknown {
background-color: #8ec1f6;
}
.psyche {
background-color: #7ca7ab;
}

.grid {
max-width: 20vw;
min-height: 430px;
}

.grid:hover {
transition: transform .3s;
transform: scale(1.1);
}

@media (max-width: 1024px) { 
.nav {background-color: #5A3F37 !important;}
.rs {height: 23px;}
}


.breath {
-webkit-animation: breathing 1s ease-out infinite normal;
animation: breathing 1s ease-out infinite normal;
}   

@-webkit-keyframes breathing {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}

25% {
-webkit-transform: scale(1);
transform: scale(1);
}

60% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}

100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}

@keyframes breathing {
0% {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}

25% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

60% {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}

100% {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
}

.modal {
transition: opacity 0.25s ease;
}
body.modal-active {
overflow-x: hidden;
overflow-y: visible !important;
}