body{background-color:plum;font-family:Courier New,Courier,monospace}.container{display:flex;flex-direction:column;justify-content:center;height:100vh}h1,h2{text-align:center}.topicsGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;max-width:900px;margin:0 auto;padding:2rem 0}@media screen and (max-width:768px){.topicsGrid{grid-template-columns:1fr;padding:1rem;gap:1rem}}.topicTile:hover{cursor:pointer}.topicTile{border:1.5px solid #8b008b;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px}button.topicTile{background-color:transparent;cursor:pointer;padding:1rem;text-align:center;font-family:inherit;font-size:inherit;color:inherit;width:100%}button.topicTile:hover{background-color:rgba(139,0,139,.1)}.modalOverlay{position:fixed;top:0;left:0;right:0;bottom:50;background-color:plum;justify-content:center;z-index:2000}.modalContent,.modalOverlay{display:flex;align-items:center}.modalContent{background:#fff;padding:2rem;border-radius:10px;min-width:300px;max-width:90vw;box-shadow:0 2px 16px rgba(0,0,0,.2);position:relative;z-index:2100;flex-direction:column}ul{list-style:none}li{font-weight:700}.closeButton,li{text-align:center}.closeButton{position:absolute;top:12px;right:16px;background:transparent;border:none;font-size:2rem;color:#a03c78;cursor:pointer;border-radius:50%;width:40px;height:40px;line-height:36px;z-index:1010}.closeButton:hover{background:#f3e0f7;color:#7a2060}.affirmativeButton{background-color:transparent;border:2px solid #000;color:inherit;padding:.5rem 1rem;cursor:pointer;border-radius:5px;align-items:center;margin-top:10px}.affirmativeButton:hover{background-color:plum}.searchBarContainer{display:flex;flex-direction:column;align-items:flex-end;margin:2rem auto;max-width:600px;padding:0 1rem;gap:1rem}.trialSearchBar{width:100%;padding:1rem;background-color:#fff;border:2px solid plum;border-radius:5px;font-family:Courier New,Courier,monospace;font-size:1rem;outline:none}.trialSearchBar:focus{border-color:#8b008b;box-shadow:0 0 0 3px rgba(221,160,221,.3)}.trialSearchBar::placeholder{color:#999}.searchButton{background-color:#8b008b;color:#fff;font-weight:700;border:none;padding:.75rem 2rem;border-radius:50px;font-family:Courier New,Courier,monospace;font-size:1rem;cursor:pointer;align-self:flex-end}.searchPopup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:3px solid #8b008b;border-radius:10px;padding:2rem 3rem;z-index:3000;box-shadow:0 4px 20px rgba(0,0,0,.3);animation:popupFadeIn .3s ease-in}.searchPopup p{margin:0;font-size:1.5rem;font-weight:700;color:#8b008b;text-align:center;font-family:Courier New,Courier,monospace}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}