.header-wrapper{position:fixed;width:100%;display:flex;align-items:center;justify-content:center;column-gap:20px;padding:10px 20px}:root{--gray: #333;--light-gray: #888;--blue: #238;--light-blue: #67e;--green: #5a4;--text: var(--gray)}.wrapper{width:100%}.content{margin:20px;display:flex}.header-wrapper .link-wrapper{font-size:min(24px,3vw)}a{color:var(--light-blue);text-decoration:none}a:hover{text-decoration:underline;text-decoration-thickness:2px}.link-wrapper{padding:10px;text-decoration:none!important;color:var(--text);font-weight:600}.link-content{position:relative}.link-content:after{content:"";position:absolute;width:0;left:-2px;bottom:-2px;border:2px solid var(--blue);border-radius:2px;border-left-width:0px;border-right-width:0px;transition:border-width .1s,width .1s}.link-wrapper:hover>.link-content:after{border-left-width:2px;border-right-width:2px;width:100%}.home{height:100vh;background:#0000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.home>h1{color:var(--text);font-size:min(120px,10vw);margin:0;text-shadow:0 10px 20px #fff}.wrapper:has(.home) .link-wrapper{text-shadow:0 5px 10px #fff}.home>h2{color:var(--text);font-size:min(40px,3.5vw);margin:0;text-shadow:0 5px 10px #fff}.banner{padding-top:50px;height:300px;background:#0000;display:flex;align-items:center;justify-content:center}.banner>h1{color:var(--text);font-size:64px}.skills-outer{display:flex}.skills-wrapper{display:flex;flex-direction:column;gap:40px;margin:auto}.skills-intro{color:var(--text);max-width:500px}.skills{border:3px solid var(--blue);border-radius:10px;border-spacing:0}.skills td,th{padding:5px}.skills .category{color:var(--text);font-weight:700;border-right:3px solid var(--blue)}.physics-sim{position:relative;width:700px;height:200px;border:3px solid var(--blue);border-radius:0 0 10px 10px/0px 0px 10px 10px;border-top:none}.physics-sim .object{position:absolute;border:3px solid var(--blue);width:70px;height:70px;border-radius:35px;border-color:var(--gray)}.physics-sim .object:hover{cursor:pointer}.physics-sim .object:active{box-shadow:0 4px 8px #0003;z-index:1}.contact-outer{display:flex;justify-content:center;align-items:center}.contact-wrapper{display:flex;flex-direction:column;gap:40px}.shark-container{display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 80px);margin:40px;gap:40px;justify-content:center}.shark-container img{border-radius:20px;width:100%;height:auto;object-fit:cover}.shark-container>.section{display:flex;flex-direction:column;align-items:center;justify-content:center}.text-column{display:block;max-width:400px}.parse-tree{display:flex;justify-content:center}.parse-tree .node{display:inline-block;width:50px;height:50px;padding:5px;text-align:center;border:3px solid var(--light-gray);border-radius:25px;background-color:#fff;cursor:pointer;font-family:Martian Mono,monospace;font-size:24px;transition:all .1s}.parse-tree .node.hover{border-color:var(--green);box-shadow:0 2px 10px #0003;transform:translateY(-2px)}.parse-tree .binary{display:flex;flex-direction:row}.parse-tree .child{margin-top:80px}.parse-tree .line{position:absolute;width:3px;z-index:-1;background-color:var(--light-gray);transform-origin:top;transition:all .1s}.parse-tree .line.hover{background-color:var(--green);box-shadow:0 2px 10px #0006}.code-input{font-family:Martian Mono,monospace;font-size:32px;width:400px;padding:4px 8px;border:3px solid var(--light-gray);border-radius:10px;box-shadow:0 2px 10px #0003}.code-input:focus{outline:none;border-color:var(--blue)}.highlight{color:var(--green);position:absolute;width:400px;padding:5px 11px;margin-top:-2px;display:flex;pointer-events:none}.highlight>span{font-family:Martian Mono,monospace;font-size:32px}.highlight>.underline{position:relative}.highlight>.underline:after{box-sizing:border-box;content:"";position:absolute;width:100%;border:2px solid var(--green);background-color:var(--green);border-radius:5px;bottom:-5px;left:0;animation:slide-in .2s 1}@keyframes slide-in{0%{width:0}to{width:100%}}.shark-button{position:absolute;right:40px;bottom:200px;color:#fff;background-color:var(--blue);font-size:20px;border-radius:10px;padding:10px;cursor:pointer;transition:all .1s ease-in-out;box-shadow:0 4px 8px #0003;user-select:none}.shark-button:hover{transform:translateY(-5px);background-color:var(--light-blue)}.shark{position:fixed;white-space:nowrap}*{font-family:Nunito,sans-serif;box-sizing:border-box}*::selection{text-shadow:none;color:#fff;background-color:var(--text)}body{background-color:#f0f0f0;margin:0;padding:0;display:flex;justify-content:center;align-items:center}#app{width:100%}