body{
  margin:0;
  font-family:'Segoe UI',sans-serif;
  background:#0b0b0b;
  color:white;
}

.container{
  max-width:420px;
  margin:auto;
  padding:15px;
}

.header{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.logo{
  font-size:24px;
  font-weight:bold;
}

.logo span{
  color:#00ff88;
}

.card{
  background:#121212;
  border-radius:15px;
  padding:15px;
  margin-top:15px;
  box-shadow:0 0 10px rgba(0,255,136,0.2);
}

.btn{
  background:#00ff88;
  border:none;
  padding:10px;
  width:100%;
  border-radius:10px;
  color:black;
  font-weight:bold;
  margin-top:10px;
}

.event{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.rapper{
  font-weight:bold;
}

.odds{
  color:#00ff88;
}

.nav{
  position:fixed;
  bottom:0;
  width:100%;
  max-width:420px;
  background:#111;
  display:flex;
  justify-content:space-around;
  padding:10px;
}