@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{font-family:Georgia,Times New Roman,serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2b2b2b;background-color:#f4f4f4}*{margin:0;padding:0;box-sizing:inherit}body{display:flex;height:100vh;margin:0;padding:0;background-color:#fff;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;box-sizing:border-box}h1{font-size:3.2em;line-height:1.1;color:inherit}h3{font-size:1.4em;line-height:1.1;color:inherit}a{font-weight:600;color:maroon;text-decoration:inherit}a:hover{color:brown}p{margin-bottom:10px;padding-bottom:10px}p:last-of-type{margin-bottom:0;padding-bottom:0}.ast-visualizer-container{max-width:1000px;background-color:#fff;display:flex;flex-direction:column}.ast-visualizer-container .ast-visualizer-text{align-items:center;font-size:1.15rem;line-height:1.4}.ast-visualizer-container .ast-image-container{width:100%;text-align:center;margin:30px auto;min-height:300px;background-color:#fff;box-shadow:2px 2px 5px #0003}.ast-visualizer-container .ast-image-container .ast-image{width:100%;height:auto;object-fit:contain}.ast-visualizer-container .ast-image-container .loading-placeholder{font-family:Georgia,Times New Roman,serif;font-size:1.2rem;color:#2b2b2b;display:flex;justify-content:center;align-items:center;height:100%}.ast-visualizer-container .ast-control-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}.ast-visualizer-container .ast-control-bar .ast-input{flex:3;height:100%;background-color:#fff;color:#2b2b2b;border:2px solid #b3afaf;font-family:Georgia,Times New Roman,serif;font-size:1rem;padding:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-shadow:none}.ast-visualizer-container .ast-control-bar .ast-input:focus{outline:none;border-color:#8b0000;box-shadow:none;color:#2b2b2b}.ast-visualizer-container .ast-control-bar .ast-input::placeholder{color:#5f5f5f;opacity:1}.ast-visualizer-container .ast-control-bar .ast-input::-webkit-input-placeholder{color:#5f5f5f}.ast-visualizer-container .ast-control-bar .ast-input::-moz-placeholder{color:#5f5f5f}.ast-visualizer-container .ast-control-bar .ast-input:-ms-input-placeholder{color:#5f5f5f}.ast-visualizer-container .ast-control-bar .ast-input:-moz-placeholder{color:#5f5f5f}.ast-visualizer-container .ast-control-bar .ast-button{flex:1;margin-bottom:0;padding:6px 10px}.ast-visualizer-container .ast-control-bar .ast-button:hover{background-color:#b22222}.ast-visualizer-container .ast-control-bar .ast-button:active{transform:translate(1px,1px);box-shadow:none}@media (max-width: 768px){.ast-visualizer-container .ast-control-bar{flex-direction:column}.ast-visualizer-container .ast-control-bar .ast-input,.ast-visualizer-container .ast-control-bar .ast-button{width:100%}}button{border-radius:4px;border:1px solid transparent;padding:.8em 1.5em;font-size:1.15rem;font-weight:600;font-family:inherit;background-color:#fef5f5;color:#2b2b2b;cursor:pointer;transition:border-color .25s,background-color .25s,color .25s}button:hover{border-color:brown}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.retro-button{background-color:#990c00;color:#fff;border:2px solid #8b0000;border-left-color:#f4f4f4;border-top-color:#f4f4f4;border-right-color:#4d0000;border-bottom-color:#4d0000;padding:2px 10px;font-family:Georgia,Times New Roman,serif;font-weight:700;text-transform:none;cursor:pointer;display:inline-block;margin-bottom:20px;box-shadow:1px 1px #4d0000;outline:none;width:75px;text-align:center;border-radius:0;align-self:center;text-shadow:2px 2px 0 #4d0000}.retro-button:focus{outline:none}.retro-button:active{box-shadow:none;transform:translate(1px,1px)}.vintage-window .retro-button:last-of-type{margin-bottom:0}.retro-button-container{display:flex;justify-content:center}.card{padding:2rem}.coding-projects-container{max-width:1000px;background-color:#fff;margin:0 auto}.coding-projects-container .projects-text{align-items:center;font-size:1.15rem;line-height:1.4}.coding-projects-container .project-grid{margin:30px auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.coding-projects-container .project-card{background-color:#fff;box-shadow:2px 2px 5px #0003;padding:15px;display:flex;flex-direction:column;justify-content:space-between}.coding-projects-container .project-card .project-title{font-size:1.25rem;font-weight:700;margin-bottom:10px;color:#2b2b2b}.coding-projects-container .project-card .project-description{font-size:1rem;line-height:1.4;color:#5f5f5f;margin-bottom:15px}.coding-projects-container .project-card .project-stats{display:flex;flex-wrap:wrap;gap:15px}.coding-projects-container .project-card .project-stats .stat{display:flex;align-items:stretch;font-size:.9rem;color:#2b2b2b}.coding-projects-container .project-card .project-stats .stat .stat-icon{width:16px;height:16px;margin-right:5px}.coding-projects-container .project-card .project-stats .languages{font-size:.9rem;color:#8b0000}@media (max-width: 768px){.project-grid{gap:10px!important}}.comic-control-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative}.comic-control-bar .comic-search-input,.comic-control-bar .comic-date-picker{width:100%;height:100%;align-items:center;background-color:#fff;color:#2b2b2b;padding:5px;border:2px solid #b3afaf;font-family:Georgia,Times New Roman,serif;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-shadow:none}.comic-control-bar .comic-search-input:focus,.comic-control-bar .comic-date-picker:focus{outline:none;border-color:#8b0000;box-shadow:none}.comic-control-bar .comic-search-input option,.comic-control-bar .comic-date-picker option{background-color:#fff;color:#2b2b2b}.comic-control-bar .comic-search-input option:checked,.comic-control-bar .comic-search-input option:hover,.comic-control-bar .comic-date-picker option:checked,.comic-control-bar .comic-date-picker option:hover{background-color:#8b0000!important;color:#fff!important}.comic-control-bar .comic-search-input::placeholder,.comic-control-bar .comic-date-picker::placeholder{color:#2b2b2b;opacity:1}.comic-control-bar .comic-search-input::-webkit-input-placeholder,.comic-control-bar .comic-date-picker::-webkit-input-placeholder{color:#2b2b2b}.comic-control-bar .comic-search-input::-moz-placeholder,.comic-control-bar .comic-date-picker::-moz-placeholder{color:#2b2b2b}.comic-control-bar .comic-search-input:-ms-input-placeholder,.comic-control-bar .comic-date-picker:-ms-input-placeholder{color:#2b2b2b}.comic-control-bar .comic-search-input:-moz-placeholder,.comic-control-bar .comic-date-picker:-moz-placeholder{color:#2b2b2b}.comic-control-bar .comic-search-input{flex:2}.comic-control-bar .comic-date-picker{flex:1}.comic-control-bar .comic-search-input::placeholder{color:#5f5f5f}.comic-control-bar .suggestions-dropdown{position:absolute;top:100%;left:0;width:100%;margin-top:2px;z-index:10;background-color:#fff;border:1px solid #8b0000;border-radius:0;list-style:none;padding:0;max-height:150px;overflow-y:auto}.comic-control-bar .suggestions-dropdown.visible{opacity:1;transform:translateY(0)}.comic-control-bar .suggestions-dropdown.clearing{opacity:0;transform:translateY(-10px)}.comic-control-bar .suggestions-dropdown ul{margin:0;padding:0}.comic-control-bar .suggestions-dropdown ul li{padding:0 5px;font-family:Georgia,Times New Roman,serif;font-size:1rem;color:#2b2b2b;cursor:pointer;border-bottom:1px solid #ddd}.comic-control-bar .suggestions-dropdown ul li:hover{background-color:#8b0000;color:#fff}.comic-control-bar .suggestions-dropdown ul li:last-child{border-bottom:none}@media (max-width: 768px){.comic-control-bar{flex-direction:column;justify-content:center;align-items:stretch}.comic-control-bar .comic-search-input,.comic-control-bar .comic-date-picker,.comic-control-bar .comic-button{width:100%;margin-bottom:10px}.comic-control-bar .comic-button:last-of-type{margin-bottom:0}.comic-control-bar ul{max-height:150px}}.comic-button{flex:1;margin-bottom:0;padding:6px 10px}.comic-button:hover{background-color:#b22222}.comic-button:active{transform:translate(1px,1px);box-shadow:none}.comic-finder-container{max-width:1000px;background-color:#fff}.comic-finder-text{align-items:center;font-size:1.15rem;line-height:1.4}.comic-image-container{width:100%;text-align:center;margin:30px auto}.comic-image-container .comic-image{width:100%;height:auto;object-fit:contain;box-shadow:2px 2px 5px #0003}p a{color:#00f;text-decoration:underline}.left-content{position:relative;flex:2.5;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;padding:10px 20px}.left-content:after{content:"";position:absolute;right:0;height:95%;width:2px;background-color:#fff;top:50%;transform:translateY(-50%)}.left-content .top-content{flex-shrink:0}.left-content .bottom-container{position:relative;margin-top:auto;z-index:1}.feature-box{padding:10px 20px;background-color:#fff;margin-bottom:10px}.feature-box p{margin:0}.feature-box p i{font-size:1.05rem}.whats-hot-container{padding-top:20px;padding-bottom:10px;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:1000px;margin:0 auto}.whats-hot-box{background-image:linear-gradient(#fff,#fdf6b0);color:#000;padding:0 10px;font-size:16px;font-weight:700;border:1px solid #000000}.red-line{width:100%;height:4px;background-color:#8b0000;margin:0 auto;max-width:1000px;box-shadow:0 3px 3px #000}.black-line{margin-top:10px;width:100%;height:2px;background-color:#000;max-width:1000px}.content-row{display:flex;gap:0;margin-top:0;padding:0;position:relative;min-height:300px;align-items:stretch}.content-row.single-column{justify-content:center}.content-row.single-column .left-content{flex:1}.content-row.single-column .right-sidebar{display:none}.content-row:not(.single-column) .left-content:after{content:"";position:absolute;right:0;height:95%;width:2px;background-color:#000;top:50%;transform:translateY(-50%)}@media (max-width: 768px){.left-content,.feature-box{padding:10px}}.date-banner{position:absolute;top:5px;right:2.5%;font-size:1.15rem;font-weight:700;color:#fff;background:linear-gradient(to right,#fff,#990c00,#000);padding:8px 25px;width:350px;border-radius:0 10px 10px 0;text-shadow:1px 1px 0 #4d0000;text-align:right;letter-spacing:1px;text-transform:uppercase}.blue-line{width:100%;height:4px;background-color:#4e8197;margin:0 auto;max-width:1000px;box-shadow:0 3px 3px #000}.blue-line.top{margin-bottom:30px}.blue-line.bottom{margin-top:30px}.divider{width:100%;height:2px;background-color:#f4f4f4;margin:12px auto;box-shadow:3px 3px #4d0000}.footer{background-color:#fff;text-align:left;padding:0 20px 15px;font-family:Georgia,Times New Roman,serif;font-size:.9rem}.footer-content{max-width:1200px;margin:0 auto}.footer-content p{margin:0;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:5px}.footer-content p span{white-space:nowrap}.header-image-left{width:clamp(50px,8vw,85px);height:auto;object-fit:cover;background-color:#fff;border-radius:5px;flex-shrink:0}.section-header{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}.section-header h2{font-size:2rem;font-weight:700;color:#2b2b2b}.top-header h1{font-size:clamp(1rem,2.5vw,1.8rem);color:#2b2b2b;text-shadow:1px 1px 0 #2b2b2b;margin:0;max-width:75%;word-wrap:break-word;text-align:left}@media (max-width: 768px){.section-header{align-items:center}.quote-container{padding-top:100px}.top-header h1{font-size:clamp(1.3rem,2.5vw,2rem);max-width:100%}.year-background{top:45px}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #8b0000)}.logo.react:hover{filter:drop-shadow(0 0 2em #4d0000)}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0 auto;box-sizing:border-box}.profile-container{display:flex;align-items:flex-start;gap:20px}.profile-black-line{padding:0;margin:20px 0;width:100%;height:2px;background-color:#000;max-width:1000px}.profile-image-icon{width:clamp(80px,15vw,120px);height:auto;object-fit:cover;margin-bottom:10px}.profile-text{flex:1;align-items:center;font-size:1.15rem;line-height:1.4}@media (max-width: 768px){.profile-container{flex-direction:column;align-items:center;text-align:center}.profile-text{text-align:left;padding-top:10px}}.profile-image-container{position:relative;display:inline-block;cursor:pointer}.profile-image{width:160px;height:160px;border-radius:5px;border:2px solid #8b0000;box-shadow:2px 2px #4d0000;margin:15px auto 20px;object-fit:cover;display:block}.fortune-text{position:absolute;top:0;left:0;width:160px;height:160px;background-image:url(https://media.istockphoto.com/id/1294763851/vector/empty-blank-light-cream-or-beige-coloured-grunge-textured-vector-backgrounds.jpg?s=612x612&w=0&k=20&c=EWS5Pi3yUrPlWxICASa0b1E5oNGDD58twPyLRFTKhco=);display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:.9rem;color:#2b2b2b;font-weight:400;border-radius:5px;border:2px solid #8b0000;box-shadow:2px 2px #4d0000;margin:15px auto 20px;padding:15px;text-align:center}.typewriter-wrapper{width:100%;text-align:left;display:inline-block}@media (max-width: 768px){.profile-image,.fortune-text{width:180px;height:180px}}.protein-explorer-container{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;height:100%;width:100%;gap:0}.viewer-container{flex:1;display:flex;justify-content:center;align-items:center;min-height:300px;background-color:#fff}.description-container{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;height:100%;padding:0;position:relative}.description-container .query-control-bar{margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;gap:10px}.description-container .query-control-bar .query-search-input{width:100%;height:80%;align-items:center;background-color:#fff;color:#2b2b2b;padding:5px;border:2px solid #b3afaf;font-family:Georgia,Times New Roman,serif;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-shadow:none}.description-container .query-control-bar .query-search-input:focus{outline:none;border-color:#8b0000;box-shadow:none}.description-container .query-control-bar .query-search-input::placeholder{color:#5f5f5f;opacity:1}.description-container .query-control-bar .query-search-input::-webkit-input-placeholder{color:#5f5f5f}.description-container .query-control-bar .query-search-input::-moz-placeholder{color:#5f5f5f}.description-container .query-control-bar .query-search-input:-ms-input-placeholder{color:#5f5f5f}.description-container .query-control-bar .query-search-input:-moz-placeholder{color:#5f5f5f}.description-container .query-control-bar .query-button{height:80%;width:100px;margin-bottom:0;padding:2px 10px}.description-container .query-control-bar .query-button:hover{background-color:#b22222}.description-container .query-control-bar .query-button:active{transform:translate(1px,1px);box-shadow:none}@media (max-width: 768px){.description-container .query-control-bar{flex-direction:column;align-items:stretch}.description-container .query-control-bar .query-search-input,.description-container .query-control-bar .query-button{width:100%;margin-bottom:10px}.description-container .query-control-bar .query-button:last-of-type{margin-bottom:0}}.description-container h3{margin-bottom:15px;font-size:1.5rem;color:#2b2b2b}.description-container p{padding:0;margin-bottom:10px;font-size:1rem;color:#000;line-height:1.5;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.description-container p.one-line{-webkit-line-clamp:1;max-height:1.5em}.description-container p.two-lines{-webkit-line-clamp:2;max-height:3em}.description-container p.three-lines{-webkit-line-clamp:3;max-height:4.5em}.description-container p:last-child{margin-bottom:0}#pymol-viewer{position:relative;width:100%;height:100%;overflow:hidden;background-color:#fff}#pymol-viewer canvas{position:absolute;top:0;left:0;width:100%;height:100%}#pymol-viewer .loading-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;color:#5f5f5f;text-align:center;z-index:10;pointer-events:none}@media (max-width: 768px){.protein-explorer-container{flex-direction:column}.viewer-container{min-height:300px;width:100%}}.quote-container{display:flex;flex-direction:column;gap:8px;z-index:2}.right-sidebar{flex:1;display:flex;flex-direction:column;justify-content:flex-start;position:relative;background-color:#fff;padding:0}.right-sidebar-image{margin-bottom:10px;width:100%;height:auto;object-fit:contain;background-color:#fff;border-radius:5px;flex-shrink:0;display:block}.sidebar{width:250px;height:100vh;background-color:#990c00;color:#fff;padding:20px;display:flex;flex-direction:column;align-items:center;border-right:2px solid #8b0000;position:fixed;top:0;left:0}.sidebar h2{text-align:center;text-shadow:2px 2px 0 #4d0000;margin-top:4px;font-size:1.2rem}.sidebar h2.name{margin-top:0;margin-bottom:25px;font-size:1.8rem}.sidebar a{color:#fff;text-decoration:underline;margin-top:6px;margin-bottom:6px;font-weight:700;text-align:center;text-shadow:2px 2px 0 #4d0000;font-size:1.2rem}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:relative;border-right:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.sidebar a,.sidebar h2{font-size:1.25rem}.sidebar h2.name{font-size:2rem;margin-bottom:20px}}.vintage-window{width:100%;padding:10px;text-align:center}.vintage-dropdown{width:90%;height:80%;background-color:#fff;color:#2b2b2b;padding:5px;border:2px solid #8b0000;margin-bottom:10px;font-family:Georgia,Times New Roman,serif;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-shadow:none}.vintage-dropdown:focus{outline:none;box-shadow:none}.vintage-dropdown option{background-color:#fff;color:#2b2b2b}.vintage-dropdown option:checked,.vintage-dropdown option:hover{background-color:#8b0000!important;color:#fff!important}@media (max-width: 768px){.vintage-dropdown{font-size:1rem}}.web-projects-container{max-width:1000px;background-color:#fff;margin:0 auto}.web-projects-container .projects-text{align-items:center;font-size:1.15rem;line-height:1.4}.web-projects-container .project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}@media (max-width: 768px){.web-projects-container .project-grid{grid-template-columns:1fr}}.web-projects-container .project-row{display:flex;align-items:center;gap:20px;padding:15px;background-color:#fff;box-shadow:2px 2px 5px #0003;text-decoration:none;color:inherit}.web-projects-container .project-row>div{flex:1}.web-projects-container .favicon{width:24px;height:24px;flex-shrink:0}.web-projects-container .project-title{font-weight:700;font-size:1.25rem}.web-projects-container .project-title .year{font-weight:700;font-size:1.25rem;color:#666}.web-projects-container .project-description{font-size:1rem;color:#444}.web-projects-container .project-stack{font-size:.9rem;color:#8b0000}.year-background{position:absolute;top:40px;right:0;transform:translateY(-25%);font-size:clamp(5rem,10vw,8.5rem);font-weight:700;color:#0000001a;pointer-events:none;z-index:0}.top-header{height:auto;background-color:#fff;position:relative;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;padding:45px 20px 25px;gap:clamp(8px,2vw,24px)}.app-container{display:flex;flex-direction:row;height:100vh}.main-content{flex-grow:1;width:calc(100vw - 250px);max-width:1000px;margin-left:250px;padding:0;box-sizing:border-box;overflow-y:auto;background-color:#f4f4f4}.content-layout{display:flex;gap:0;margin-top:0;padding:0;position:relative;border-bottom:3px solid #8b0000;box-shadow:0 3px 3px #4d0000}@media (max-width: 768px){.app-container{display:flex;flex-direction:column;align-items:stretch}.main-content{margin-left:0;width:100%;overflow-y:visible}}