.quest-board {


display:grid;

grid-template-columns:

repeat(auto-fit,minmax(300px,1fr));

gap:30px;


}



.quest-card {


background:#212529;


padding:25px;


border:4px solid white;


cursor:pointer;


transition:.3s;


}



.quest-card:hover {


transform:

translateY(-10px);


box-shadow:

0 10px 0 #209cee;


}



.quest-header {


display:flex;

justify-content:space-between;


font-size:12px;


}



.quest-card h3 {


margin-top:25px;


font-family:'Press Start 2P';


font-size:15px;


}



.reward {


margin-top:20px;


color:#92cc41;


}



.difficulty {


font-size:18px;


}



.easy {

color:#92cc41;

}


.medium {

color:#f7d51d;

}


.hard {

color:#e76e55;

}