@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;600&display=swap";.modalContainer{display:none;background-color:#fff;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background-color:#bebebed5}.modal-custom{color:#fff;padding:20px 20px 5px 30px;border-radius:20px;max-width:700px;height:420px;margin:auto;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background-color:#050505}.modal-custom .infoSection{max-height:60%;scrollbar-width:thin;overflow-y:auto;height:75%;margin-top:25px;margin-bottom:20px;word-spacing:2px;padding-right:5px;padding-left:5px}.modal-custom .infoSection::-webkit-scrollbar{width:10px}.modal-custom .infoSection::-webkit-scrollbar-track{background-color:#ebebeb}.modal-custom .infoSection::-webkit-scrollbar-thumb{background-color:#969696;border-radius:5px;transition:.2s}.modal::-webkit-scrollbar-thumb:hover{transition:.2s;background-color:#787878}.modalHeadingContainer{display:flex;align-items:flex-end;margin-top:10px}.modalElementSymbol{display:flex;align-items:center;justify-content:center;font-size:2.8rem;width:75px;height:60px;padding-top:5px;padding-left:2px;padding-right:2px;border:5px solid white;border-radius:10px 10px 0}.modalHeading{width:75%;font-size:1.2rem;letter-spacing:1px;padding-bottom:10px;padding-left:30px;border-bottom:5px solid white;transform:translate(-15px)}.modalLabel{font-size:1rem;font-weight:700;margin-bottom:5px}.modalInfo{color:#bebebe;font-size:1.1rem;font-weight:100;margin-left:10px}.elementHistory,.elementFacts{margin-top:5px;padding-right:10px}.modalButton{font-weight:600;width:150px;padding:3px 10px;margin-left:10px;margin-right:10px;border-radius:50px;cursor:pointer;background-color:#fff;transition:.2s}.modalButton:hover{box-shadow:0 0 5px #ffffffe6}.modalButton:active{background-color:#e1e1e1}.closeButton{position:absolute;top:15px;right:15px;width:30px;height:30px;border-radius:50%;background-color:#ccc;border:none;color:#fff;font-size:18px;text-align:center;line-height:30px;background-color:#fe2714;cursor:pointer;transition:.2s}.closeButton:hover{box-shadow:0 0 5px #ffffffe6}.closeButton:active{background-color:#ed2311;box-shadow:0 0 5px #737373e6}@media (max-width: 767px){.modal-custom{width:70%;max-width:none;height:80vh;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#050505}.modalFactLabel{margin-top:20px}.modalInfo{color:#bebebe;font-size:.95rem;font-weight:100;margin-left:6px}.elementFacts,.elementHistory{margin-left:0}.modalButton{display:flex;justify-content:center;align-items:center;width:180px;padding:4px 10px;margin:0 auto;cursor:pointer;background-color:#fff;transition:.2s}.previousButton{margin-top:40px;margin-bottom:10px}.closeButton{top:25px;right:25px}}