.container>section {
 display: flex;
 justify-content: space-between;
 margin-bottom: 2rem;
 align-items: center;
}

.container>section .btn {
 text-decoration: none;
 color: #fff;
 background: rgb(137, 235, 137);
 box-shadow: 0 0.4rem 1.4rem rgb(137, 235, 137);
 text-align: center;
}

button {
 color: #fff;
}

#recentQuiz {
 margin: 1rem auto;
}

#recentQuizzes p {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr;
}

#mostRecent {
 padding-bottom: 2rem;
}

#quizHeader {
 font-weight: bold;
}

#recentQuizzes p:not(#quizHeader) span {
 padding: 0.4rem 0.2rem;
 display: flex;
 align-items: center;
 font-size: 1.2rem;
}

#recentQuizzesFooter {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin: 0.2rem;
}

#modal {
 position: fixed;
 height: 100%;
 display: flex;
 top: 0;
 align-items: center;
 justify-content: center;
 background: #8a8a8a98;
 width: 100%;
 text-align: center;
}

#modal.hide {
 display: none;
}

#modalContainer {

 background: #fff;
 height: 12rem;
 width: 15rem;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 padding: 14px;
 border-radius: 15px;
}

#modalContainerbuttons {
 display: flex;
 justify-content: space-between;
 width: 100%;
}

#daily-questions {
 background: white;
 padding: 20px;
 cursor: pointer;
 margin-bottom: 10px;
}