@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{height:100vh}:root{--theme-green:#3f5a36;--theme-green-light:#527546;--os-grey:silver;--os-dark-grey:grey;--os-black:#000;--os-white:#fff;--border-outset:inset 2px 2px var(--os-white),inset -2px -2px var(--os-dark-grey),2px 2px var(--os-black);--border-inset:inset 2px 2px var(--os-dark-grey),inset -2px -2px var(--os-white),2px 2px var(--os-black)}*{box-sizing:border-box;font-family:VT323,monospace;font-size:1.2rem;margin:0;padding:0}.app *{border-radius:0!important;transition:none!important}body{overscroll-behavior:none}.section h2{background:linear-gradient(90deg,navy,#00008b);border-bottom:2px solid #000;border-bottom:2px solid var(--os-black);color:#fff;display:block;font-size:1.5rem;padding:6px 10px}.app{display:block;min-height:100vh;position:relative}button:active{outline:2px dotted #000;outline:2px dotted var(--os-black)}.sidebar{align-items:center;background:silver;background:var(--os-grey);border-right:2px solid #000;border-right:2px solid var(--os-black);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset);display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:10px 0;position:fixed;width:60px;z-index:1000}.logo-container{margin-bottom:0}.social-links{display:flex;flex-direction:column;gap:25px;margin-top:auto;padding-bottom:40px}.icon{color:#000;color:var(--os-black);font-size:24px}.icon:hover{color:#3f5a36;color:var(--theme-green)}.top-nav{border-bottom:2px solid #000;border-bottom:2px solid var(--os-black);display:flex;gap:10px;justify-content:flex-end;left:60px;padding:5px;position:fixed;right:0;top:0;z-index:1000}.top-nav,.top-nav button{background:silver;background:var(--os-grey);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset)}.top-nav button{border:2px solid #000;border:2px solid var(--os-black);cursor:pointer;font-weight:700;padding:6px 14px}.top-nav button.active,.top-nav button:active{background:#fff;background:var(--os-white);box-shadow:inset 2px 2px grey,inset -2px -2px #fff,2px 2px #000;box-shadow:var(--border-inset);transform:translate(1px,1px)}.top-nav .highlight{display:none}.content{margin-left:60px;padding:40px;position:relative;width:calc(100% - 60px)}.section{margin:60px auto;max-width:1100px;padding-bottom:25px;scroll-margin-top:80px}.home-button,.section{background:silver;background:var(--os-grey);border:2px solid #000;border:2px solid var(--os-black);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset)}.home-button{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:5px}.home-button:active{box-shadow:inset 2px 2px grey,inset -2px -2px #fff,2px 2px #000;box-shadow:var(--border-inset)}.hero{align-items:center;background:#0000;box-sizing:border-box;display:flex;height:100vh;justify-content:center;margin-left:60px;padding:40px;width:calc(100% - 60px)}.hero-window{background:silver;background:var(--os-grey);border:2px solid #000;border:2px solid var(--os-black);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset);margin:0 auto;max-width:1100px;width:100%}.hero-header{background:navy;border-bottom:2px solid #000;border-bottom:2px solid var(--os-black);color:#fff;font-size:1.2em;font-weight:700;padding:4px 8px}.hero-body{background:silver;background:var(--os-grey);margin:2px;padding:20px}.hero-line{color:#000;color:var(--os-black);margin-bottom:5px}.hero-name{color:#00008b;font-size:5rem;margin:15px 0 5px}.hero-subtext{font-size:1.5rem;margin-bottom:15px}.hero-name:after{animation:blink 1s steps(1) infinite;content:"_";margin-left:5px}@keyframes blink{50%{opacity:0}}.about-container{align-items:flex-start;display:flex;gap:60px;margin:40px auto 0;max-width:1200px;padding:0 20px}.about-text{background:silver;background:var(--os-grey);border:2px solid #000;border:2px solid var(--os-black);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset);flex:2 1;font-size:1.2rem;line-height:1.6;min-width:0;padding:20px}.about-image{flex:1 1;max-width:400px;min-width:300px;position:relative}.profile-photo{aspect-ratio:3/4;border:4px solid silver;border:4px solid var(--os-grey);filter:contrast(1.2) grayscale(.2) sepia(.3);height:auto;image-rendering:pixelated;object-fit:cover;outline:2px solid #000;outline:2px solid var(--os-black);width:100%}.profile-photo,.tech-section{box-shadow:inset 2px 2px grey,inset -2px -2px #fff,2px 2px #000;box-shadow:var(--border-inset)}.tech-section{background:#fff;background:var(--os-white);border:2px solid grey;border:2px solid var(--os-dark-grey);margin-top:2rem;padding:15px}.tech-section h3{color:#00008b;font-size:1.4rem;margin-bottom:1.2rem;text-decoration:underline}.tech-list{column-count:2;gap:20px;list-style:none;padding-left:0}.tech-list li{color:#000;color:var(--os-black);margin-bottom:.8rem;padding-left:25px;position:relative}.tech-list li:before{color:#00008b;content:">";font-weight:700;left:0;position:absolute}.timeline-container{margin:40px auto 0;max-width:1200px;padding:0 20px 20px}.timeline,.timeline-item{padding-left:30px;position:relative}.timeline-item{margin-bottom:40px}.timeline-item:before{background:#00008b;content:"";height:24px;left:-36px;position:absolute;top:24px;width:24px}.timeline-content,.timeline-item:before{border:2px solid #000;border:2px solid var(--os-black);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset)}.timeline-content{background:silver;background:var(--os-grey);padding:20px}.timeline-company{color:#00008b;display:inline-block;font-size:1.2rem;font-weight:700;margin:8px 0}.timeline-date{color:#000;color:var(--os-black);font-size:1.1rem;font-weight:700;margin-bottom:12px}.timeline-content h3{color:#000;color:var(--os-black);font-size:1.5rem;margin:0 0 5px}.projects-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:40px auto 0;max-width:1200px;padding:0 20px}.project-card{background:silver;background:var(--os-grey);border:2px solid #000;border:2px solid var(--os-black);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset);display:flex;flex-direction:column}.project-card:before{background:navy;border-bottom:2px solid #000;border-bottom:2px solid var(--os-black);color:#fff;content:"APP.EXE";font-weight:700;padding:4px 8px}.project-card h3{color:#000;color:var(--os-black);font-size:1.4rem;margin:10px}.project-organization{color:#000;color:var(--os-black);font-size:1.1rem;font-weight:700;margin:0 0 15px;text-decoration:underline}.project-card p{color:#000;color:var(--os-black);line-height:1.4;margin:0 10px 10px}.project-features{color:#000;color:var(--os-black);margin:15px 10px;padding-left:20px}.project-features li{list-style-type:square;margin-bottom:8px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 10px}.tech-tags span{border:1px solid #000;border:1px solid var(--os-black);font-weight:700;padding:2px 8px}.github-link,.tech-tags span{background:silver;background:var(--os-grey);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset);color:#000;color:var(--os-black)}.github-link{border:2px solid #000;border:2px solid var(--os-black);bottom:10px;font-size:1.4rem;padding:2px 5px;position:absolute;right:10px}.github-link:active{box-shadow:inset 2px 2px grey,inset -2px -2px #fff,2px 2px #000;box-shadow:var(--border-inset);transform:translate(1px,1px)}.contact-container{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:30px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#000;color:var(--os-black);display:block;font-weight:700;margin-bottom:5px;position:static}.form-group input,.form-group textarea{background:#fff;background:var(--os-white);border:2px solid grey;border:2px solid var(--os-dark-grey);box-shadow:inset 2px 2px grey,inset -2px -2px #fff,2px 2px #000;box-shadow:var(--border-inset);color:#000;color:var(--os-black);padding:8px;width:100%}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{align-self:flex-start;background:silver;background:var(--os-grey);border:2px solid #000;border:2px solid var(--os-black);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset);color:#000;color:var(--os-black);cursor:pointer;font-weight:700;padding:8px 20px;text-transform:uppercase}.submit-btn:active{box-shadow:inset 2px 2px grey,inset -2px -2px #fff,2px 2px #000;box-shadow:var(--border-inset);padding:10px 18px 6px 22px}.contact-info{border-left:4px dashed grey;border-left:4px dashed var(--os-dark-grey);padding-left:30px}.contact-list{list-style:none;margin-top:30px;padding:0}.contact-list li{align-items:center;display:flex;gap:15px;margin-bottom:25px}.contact-list a{border-bottom:1px solid #000;border-bottom:1px solid var(--os-black);color:#000;color:var(--os-black);text-decoration:none}.contact-list a:hover{background:#fff;background:var(--os-white);border-bottom-color:#3f5a36;border-bottom-color:var(--theme-green);color:#3f5a36;color:var(--theme-green)}.success-notification{background:silver;background:var(--os-grey);border:2px solid #000;border:2px solid var(--os-black);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset);color:#000;color:var(--os-black);display:none;flex-direction:column;left:50%;padding:2px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:300px;z-index:2000}.success-notification:before{background:#00008b;border-bottom:2px solid #000;border-bottom:2px solid var(--os-black);color:#fff;content:"SUCCESS.EXE";display:block;font-weight:700;margin-bottom:10px;padding:2px 5px;text-align:left}.success-notification.visible{display:flex;padding-bottom:20px}.check-icon{display:none}.mobile-menu{display:none;left:10px;position:fixed;top:10px;z-index:2000}.hamburger-btn{align-items:center;background:silver;background:var(--os-grey);border:2px solid #000;border:2px solid var(--os-black);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset);color:#000;color:var(--os-black);cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;width:40px;z-index:2001}.hamburger-btn:active{box-shadow:inset 2px 2px grey,inset -2px -2px #fff,2px 2px #000;box-shadow:var(--border-inset)}.mobile-menu-backdrop{background:#00808080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1998}.desktop{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding:40px 20px}.folder{cursor:pointer;outline:2px dotted #000;outline:2px dotted var(--os-black);outline-offset:10px;text-align:center;width:100px}.folder-icon{font-size:40px}.folder-name{font-size:1rem;margin-top:5px}.modal-overlay{align-items:center;background:#00808099;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.modal-window{background:silver;background:var(--os-grey);border:2px solid #000;border:2px solid var(--os-black);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset);max-height:80vh;max-width:90%;overflow-y:auto;width:800px}.modal-header{align-items:center;background:navy;border-bottom:2px solid #000;border-bottom:2px solid var(--os-black);color:#fff;display:flex;justify-content:space-between;padding:5px 10px}.modal-actions{display:flex;justify-content:flex-end;margin-top:20px}.retro-btn{background:silver;background:var(--os-grey);border:2px solid #000;border:2px solid var(--os-black);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset);cursor:pointer;font-weight:700;padding:6px 14px}.retro-btn:active{box-shadow:inset 2px 2px grey,inset -2px -2px #fff,2px 2px #000;box-shadow:var(--border-inset);transform:translate(1px,1px)}.close-btn{background:silver;background:var(--os-grey);border:2px solid #000;border:2px solid var(--os-black);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset);cursor:pointer;padding:2px 8px}.close-btn:active{box-shadow:inset 2px 2px grey,inset -2px -2px #fff,2px 2px #000;box-shadow:var(--border-inset);transform:translate(1px,1px)}.modal-body{padding:20px}.modal-body p,.modal-body ul{margin-bottom:14px}.modal-body ul{padding-left:20px}.folder-icon{height:45px;margin:0 auto;position:relative;width:60px}.folder-tab{background:#d4a017;border:2px solid #000;border:2px solid var(--os-black);border-bottom:none;height:10px;left:8px;position:absolute;top:0;width:25px}.folder-body{background:#f1c232;border:2px solid #000;border:2px solid var(--os-black);bottom:0;box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset);height:35px;position:absolute;width:100%}.folder:active .folder-body{box-shadow:inset 2px 2px grey,inset -2px -2px #fff,2px 2px #000;box-shadow:var(--border-inset);transform:translate(1px,1px)}.folder:hover .folder-body{background:#ffd966}@media (max-width:768px){.desktop-only{display:none}.mobile-menu{display:block}.sidebar,.top-nav{display:none}.content,.hero{margin-left:0;width:100%}.hero-name{font-size:3rem}.section{padding:20px 0}.content{padding:20px}.mobile-nav-container{background:silver;background:var(--os-grey);border-right:2px solid #000;border-right:2px solid var(--os-black);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset);height:100vh;left:-100%;max-width:300px;overflow-y:auto;position:fixed;top:0;width:80%;z-index:1999}.mobile-nav-container.open{left:0}.mobile-nav-content{display:flex;flex-direction:column;gap:15px;padding:60px 20px 40px}.mobile-nav-item{align-items:center;background:silver;background:var(--os-grey);border:2px solid #000;border:2px solid var(--os-black);box-shadow:inset 2px 2px #fff,inset -2px -2px grey,2px 2px #000;box-shadow:var(--border-outset);color:#000;color:var(--os-black);cursor:pointer;display:flex;font-weight:700;gap:15px;padding:10px;text-align:left}.mobile-nav-item:active{box-shadow:inset 2px 2px grey,inset -2px -2px #fff,2px 2px #000;box-shadow:var(--border-inset)}.mobile-social-links{border-top:2px solid #000;border-top:2px solid var(--os-black);margin-top:20px;padding-top:20px}.about-container,.contact-container{flex-direction:column;gap:30px;grid-template-columns:1fr}.about-image{max-width:100%;min-width:auto}.tech-list{column-count:1}.timeline:before{left:4px}.timeline-item{padding-left:25px}.projects-container{grid-template-columns:1fr;padding:0 10px}.contact-info{border-left:none;border-top:4px dashed grey;border-top:4px dashed var(--os-dark-grey);padding-left:0;padding-top:30px}}
/*# sourceMappingURL=main.3113a252.css.map*/