@import "https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";:root{color:#fffdf4;background:#18334a;font-family:Pixelify Sans,sans-serif}*{box-sizing:border-box;margin:0}body,#root,main,.experience,#experience-canvas{width:100%;height:100%}body{min-height:100vh;overflow:hidden}.experience{position:fixed;inset:0}#experience-canvas{display:block}.modal{z-index:10;background:#589db0;border:3px solid #fffdf4;width:calc(100% - 32px);max-width:700px;max-height:min(80vh,700px);padding:20px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:10px 10px #18334a}.modal-header{border-bottom:2px solid #fffdf4;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.modal h1,.content-card h2{font-size:clamp(1.5rem,4vw,2.25rem)}.modal-blurb,.content-card p{font-size:1.1rem;line-height:1.45}.modal-blurb{white-space:pre-line}.experience-description{font-family:Arial,sans-serif}.card-list{gap:14px;display:grid}.content-card{background:#24546b;border:2px solid #fffdf4;padding:16px}.card-meta{color:#f8d766;margin:5px 0 12px}button,.content-card a{color:#18334a;cursor:pointer;font:inherit;background:#f8d766;border:2px solid #18334a;margin-top:14px;padding:8px 12px;text-decoration:none;display:inline-block}.modal-exit-button{margin:0}button:hover,.content-card a:hover{background:#fffdf4}