body{
   /* background: linear-gradient(orange,rgb(6, 104, 6)) no-repeat; */
   /* background-color: black; */
   background: url(imgs/bg\ \(3\).jpg) no-repeat;
   font-family: "Luckiest Guy", serif;
   font-weight: 400;
   font-style: normal;
   background-position: center;
   background-size: 100% 100% ;
   
   height: 120vh;
}

.dex{
    background-color: #ff7700;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 10px;
}
.tg{
    background-color: #598c01;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 10px;
}
button{
    transition: 0.5s ease-in-out;
}
button:hover{
    transform: rotate(-5deg);
}
button:active{
    box-shadow: 0px 50px 30px #598c01;
    transform: rotate(-5deg);
}
.dex-ban{
    width: 20px;
    height: 25px;
    object-fit: contain;
}
.tg-ban{
    width: 30px;
    height: 30px;
    object-fit: cover;
}