body{
    height: 700px;
}
#tag{
    font-size: 20px;
    font-weight: bold;
}
#tag:hover{
    color: #f2c03b;
}
.tittle{
    color:red;
    font-size: 30px;
    font-weight: bold;
}
nav a:hover{
    color: yellow;
}
.img{
    width: 600px;
    position:relative;
    top: -330px;
    transition: all 3s;

}
.img:hover{
    cursor: pointer;
     transform: scale(1.2);
}
.badge{
position: relative;
top: -600px;
}
.card{
    position: relative;
    top:-600px ;
}
.card:hover{
    border:1px solid #f2c03b;
    cursor: pointer;
}
.started{
    background-color: #f2c03b;
    color: white;
    font-weight: bold;
    border-radius: 25px;
    padding: 10px 20px;
    box-shadow: 3px 3px 20px #f2c03b;
    position: relative;
    top: -700px;
}
.started:hover{
    background-color: black;
    color: #f2c03b;
    border: 2px #f2c03b solid;
    cursor: pointer;
}
.explore{
    border-radius: 25px;
    padding: 10px 35px;
    border: 1px rgb(73, 62, 62) solid;
     position: relative;
    top: -700px;
}
.explore:hover{
    background-color: white;
    color: black;
    cursor: pointer;
}
.buy{
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
}
.box{
border-radius: 10px;
}
.dabba{
    position: relative;
    top: -700px;
}
.dabba:hover{
    color: #f2c03b;
}
.cards{
    position: relative;
    top:-750px ;
}
.boss{
     transition: all 2s;
}
.boss:hover{
    border: 2px solid #f2c03b;
    color: yellow;
     transform: scale(1.1);
}
.roma{
    transition: all 2s;
}
.roma:hover{
    border: 2px solid #f2c03b;
    color: yellow;
     transform: scale(1.1);
}
.street{
    transition: all 2s;
}
.street:hover{
    border: 2px solid #f2c03b;
    color: yellow;
     transform: scale(1.1);
}
.bit{
    transition: all 2s;
} 
.bit:hover{
    border: 2px solid #f2c03b;
    color: yellow;
     transform: scale(1.1);
}
.one{
    position: relative;
    top: -750px;
    transition: all 1s;
}
.one:hover{
    transform: scale(1.1);
}
.pic{
width: 600px;
}
#send{
    position: relative;
    right: -500px;
    top: -60px;
    border-radius: 30px;
    padding: 10px 50px;
}
#send:hover{
     background-color: white;
    color: black;
    cursor: pointer;

}
.first{
    position:relative;
    top: -900px;
}
.end{
    position: relative;
    top: -990px;
}