html,body{background-color:#0f0f0f;margin:0;padding:0;height:100%;width:100%;overflow-x:auto;overflow-y:auto}#screen{position:relative;display:grid;grid-template-areas:"nav nav" "welcome photo" "links links";grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;min-height:100vh;width:100vw;background-color:#181b1a;overflow:hidden}#scan,#grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#scan{opacity:.25;z-index:10}#grid{opacity:.1;filter:blur(5px);z-index:0;transform:rotate(7deg) scale(1.5)}#screen,#screen *{font-family:VT32,monospace;color:#64eab7;text-shadow:1px 1px .2px rgb(63,104,88),0 0 1em rgb(63,104,88),0 0 1em rgb(63,104,88)}#topnav{grid-area:nav;position:fixed;top:0;padding:12px;z-index:20;width:100vw;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#181b1a26;display:flex;justify-content:center;align-items:center}#topnav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center}#topnav ul li{padding:14px 16px;transition:transform .15s ease,text-shadow .15s ease}#topnav button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:14px 16px;text-decoration:none;transition:transform .15s ease,text-shadow .15s ease,color .15s ease}#topnav button:hover{transform:scale(1.15);color:#f0f0e0}#topnav button.active{color:#f0f0e0}#links{grid-area:links;margin:15px 20px;z-index:2;padding:8px 0;display:flex;justify-content:center;align-items:center}#links ul{display:flex;list-style:none;margin:0;padding:0;gap:30px}#links ul li a{font-size:1.6rem;color:#64eab7;text-decoration:none;transition:transform .2s ease,color .2s ease}#links ul li:hover{transform:scale(1.25)}#links ul li a:hover{color:#f0f0e0}#topnav,#links{justify-self:center;padding:8px 20px}#welcome{grid-area:welcome;padding-top:150px;padding-left:40px;overflow-y:hidden;z-index:2}#welcome h2{font-style:italic}#contactform{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;z-index:2;padding:20px}#contactform form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:500px;background:#181b1a66;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 12px #64eab733;box-sizing:border-box}#contactform input,#contactform textarea{width:100%;background-color:#0006;border:1px solid rgb(100,234,183);color:#e6f1ed;padding:.75rem;border-radius:8px;font-family:VT32,monospace;resize:none;outline:none;box-sizing:border-box}#contactform button{background-color:#64eab7;color:#181b1a;font-weight:700;border:none;padding:.75rem;border-radius:8px;cursor:pointer;transition:transform .15s ease,background-color .15s ease}#contactform button:hover{transform:scale(1.05);background-color:#f2f8f6}#template{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;z-index:2;padding:20px;text-align:center}#photo_window{grid-area:photo;margin:20px;z-index:2;display:flex;align-items:center;justify-content:center}#photo_window img{width:90%;height:90%;object-fit:cover;border-radius:8px;filter:brightness(.9) contrast(1.1)}@media (max-width: 768px){#screen{grid-template-areas:"nav" "photo" "welcome" "links";grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;height:auto}#welcome,#photo_window{margin:10px 20px;height:auto}#welcome h2{font-style:italic}#links ul{gap:20px}#links ul li a{font-size:1.3rem}}#resume{padding-top:100px;padding-left:40px;white-space:normal;word-break:keep-all}#resume a{text-decoration:none}#resume a:hover{color:#e6f1ed;text-decoration:none;transition:color .2s ease}.noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}