.modal{max-width:40vw;animation:fadeIn .5s ease-in-out;overflow:scroll;background-color:#fff;padding:20px;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:2}@media(max-width:60em){.modal{max-width:100vh;max-height:75vh}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{position:fixed;display:flex;justify-content:center;align-items:center;z-index:1}.modal-background,.modal-container{top:0;left:0;width:100%;height:100%}.modal-background{position:absolute;background-color:rgba(0,0,0,.5)}.modal-content{padding:2rem;position:relative}.modal-content h3{font-weight:700;font-size:xx-large}.modal-content h4{font-weight:700;font-size:large}.modal-content section>:not(:last-child){margin-bottom:6px}.modal-content>:not(:last-child){margin-bottom:28px}.modal-close-button{position:absolute;top:.5rem;right:.5rem;cursor:pointer;background-color:transparent;border:none;border-radius:50%;padding:.5rem .5rem .3rem;transition:background-color .2s ease}.modal-close-button:hover{background-color:#eee}.modal-close-button:active{background-color:#ccc}