@font-face{font-family:"WebPlus_IBM_VGA_8x16";src:url("fonts/WebPlus_IBM_VGA_8x16.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}body{margin:0;padding:2rem;background:radial-gradient(ellipse at center, #2e003d 20%, #000 80%);font-family:"WebPlus_IBM_VGA_8x16",Inconsolata,"JetBrains Mono","IBM Plex Mono",monospace;color:#01e279;line-height:1.6;position:relative;min-height:100vh;overflow-x:hidden}#blogposts-header{font-size:4rem;text-align:center}#blogposts-name{margin:auto;align-items:center;align-content:center}hr{color:#01e279;background-color:#01e279}.icon{max-width:2rem;max-height:2rem;margin-left:1rem;opacity:.5}.email-icon{width:2.8rem;height:2.8rem;margin-left:1rem;opacity:.5}svg.icon{width:2rem;height:2rem}.hero li{font-size:1rem}a:hover .icon{opacity:1}a:hover .email-icon{opacity:1}.links{align-items:center;display:flex;justify-content:space-evenly;padding-left:0;width:100%;flex-wrap:wrap;flex-direction:row}.links>li{font-size:large;list-style-type:none;text-align:center;display:flex;flex-direction:row;align-items:center}.links>li>a{text-align:center;display:flex;flex-direction:row;align-items:center}h1,h2,a,strong,img{color:#01e279}body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;mix-blend-mode:screen;transform:scale(1.3);opacity:1}body:has(#effects-on:checked)::after{animation:aura-drift 4096ms ease-in-out infinite alternate}@keyframes aura-drift{0%{transform:scale(1.39);opacity:.94}50%{transform:scale(1.4);opacity:.95}100%{transform:scale(1.39);opacity:.94}}body .crt-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:url("images/crt-effect.png");background-position:center;background-size:cover;pointer-events:none}body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:url("images/crt-effect-2.png");mix-blend-mode:screen;background-position:center;opacity:.8}body:has(#effects-on:checked)::before{animation:scanline-move 6s linear infinite}@keyframes scanline-move{0%{background-position:0 -10px}100%{background-position:0 80px}}html::after{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:repeating-linear-gradient(45deg, rgba(255,255,255,.01) 0px, rgba(0,0,0,0) 2px),repeating-linear-gradient(-45deg, rgba(255,255,255,.008) 0px, rgba(0,0,0,0) 3px);mix-blend-mode:screen;opacity:.15}.main-header{text-align:left;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;max-width:fit-content;gap:2rem;margin:auto}.greeting h1{font-size:8vw;margin:0;margin-left:calc(35vw - 5.6rem)}.greeting h1+h2{margin-top:-2rem}.greeting h2{font-size:4vw;margin:0;margin-left:calc(40vw - 5.6rem);margin-bottom:1rem}.greeting p{font-size:2.4rem}main{max-width:80%;margin:0 auto}.footer{width:100%;height:6vh;margin-top:4rem;margin-bottom:1rem;background:rgba(155,14,236,.4);border:1px solid rgba(155,14,236,.6);border-radius:8px;box-shadow:0 0 8px rgba(155,14,236,.4),inset 0 0 10px rgba(155,14,236,.6)}.blogposts,.projects{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:2rem;max-width:100%;margin:auto;justify-content:center}.blogposts a,.projects a{width:auto;flex:1 1 320px;display:flex;max-width:720px}.project-card{background:#2e003d;border:1px solid rgba(46,0,61,.6);border-radius:8px;box-shadow:0 0 8px rgba(155,14,236,.4),inset 0 0 10px rgba(155,14,236,.6);transition:box-shadow .3s ease,background .3s ease;cursor:pointer;user-select:none;text-decoration:none;overflow:hidden;width:100%;max-width:100%;height:auto;flex:1 1 auto;display:flex;flex-direction:column}html:has(#effects-on:checked) .project-card{background:rgba(155,14,236,.4)}.project-card:hover,.project-card:focus-within{background:rgba(155,14,236,.3);box-shadow:0 0 18px rgba(155,14,236,.75),inset 0 0 20px rgba(155,14,236,.4)}.project-card h2{margin:0}.project-card-info{background-color:rgba(0,0,0,.8);position:absolute;bottom:0px;width:100%;z-index:3;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-width:10px}.project-card-info h2{padding-left:1rem;padding-right:1rem;font-size:2rem}.tags{color:#01e279;font-size:1.2rem;padding-left:1rem;padding-right:1rem;margin:0}.project-card-description{display:none;font-size:1rem;text-decoration:none;padding-left:1rem;padding-right:1rem;color:#01e279;margin:0}.project-card:hover .project-card-description{display:block}.blogpost{background:#2e003d;border:1px solid rgba(155,14,236,.6);border-radius:8px;box-shadow:0 0 8px rgba(155,14,236,.4),inset 0 0 10px rgba(155,14,236,.6);transition:box-shadow .3s ease,background .3s ease;cursor:pointer;user-select:none;text-decoration:none;overflow:hidden;height:auto;flex:1 1 auto;display:flex;flex-direction:column}html:has(#effects-on:checked) .blogpost{background:rgba(155,14,236,.4)}a{color:#01e279;text-decoration:none;transition:color .2s ease}a:hover,a:focus{color:#b3aaff;text-decoration:underline}@media (prefers-reduced-motion: reduce){body::after,body::before,html::after{animation:none !important;opacity:1 !important}}.preview-video{overflow:hidden;width:100%;height:100%}.video-hover-container{position:relative;width:100%;cursor:pointer;margin:0;aspect-ratio:16/9;min-height:360px;overflow:hidden;user-select:none}.video-hover-container video,.video-hover-container iframe{transition:opacity .3s;object-fit:cover;margin:0}.video-hover-container iframe{pointer-events:none}.video-hover-container img{position:absolute;transition:opacity .3s;width:100%;height:100%;top:0;left:0;z-index:2}.video-hover-container video{opacity:0;pointer-events:none;width:100%;top:0;left:0}.video-hover-container-fallback{position:relative;transition:opacity .3s;width:100%;height:100%;z-index:2}.video-hover-container:hover video,.video-hover-container:active video{opacity:1;pointer-events:auto}.video-hover-container:hover img,.video-hover-container:active img{opacity:0;display:none}.video-hover-container:hover .video-hover-container-fallback,.video-hover-container:active .video-hover-container-fallback{position:relative;transition:opacity .3s;opacity:1;width:100%;height:100%;z-index:2;display:block}.hero-skill-list li{font-size:1.4rem}.about{margin:auto;padding-bottom:4rem}.post-header{background:#2e003d;border:1px solid rgba(155,14,236,.6);border-radius:8px;padding:1rem;box-shadow:0 0 8px rgba(155,14,236,.4),inset 0 0 10px rgba(155,14,236,.6);transition:box-shadow .3s ease,background .3s ease;cursor:pointer;user-select:none;margin:auto;margin-top:2rem;margin-bottom:2rem;max-width:fit-content;display:flex;flex-wrap:wrap;flex-flow:row;flex-grow:init}html:has(#effects-on:checked) .post-header{background:rgba(155,14,236,.4)}.toggle{background:#2e003d;border:1px solid rgba(155,14,236,.6);border-radius:8px;padding:1rem;box-shadow:0 0 8px rgba(155,14,236,.4),inset 0 0 10px rgba(155,14,236,.6);transition:box-shadow .3s ease,background .3s ease;cursor:pointer;user-select:none;margin:auto;margin-top:2rem;margin-bottom:2rem;max-width:fit-content;display:flex;flex-wrap:wrap;flex-flow:row}html:has(#effects-on:checked) .toggle{background:rgba(155,14,236,.4)}.post-header a{font-size:3rem;margin:auto;padding-left:2rem;padding-right:2rem}.toggle input,.toggle label{font-size:2rem;margin:auto}.toggle label{padding-left:2rem;padding-right:2rem}.toggle input[type=checkbox]{background-color:rgba(0,0,0,0);width:3rem;height:3rem;border:4px solid #9b0eec;accent-color:#0eec9b}.post{background:#2e003d;border:1px solid rgba(155,14,236,.6);border-radius:8px;padding:1rem;min-height:40vh;box-shadow:0 0 8px rgba(155,14,236,.4),inset 0 0 10px rgba(155,14,236,.6);transition:box-shadow .3s ease,background .3s ease;min-width:40%;max-width:50vw;margin:auto}html:has(#effects-on:checked) .post{background:rgba(155,14,236,.4)}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;justify-content:center;align-items:center;z-index:10}.lightbox img{max-width:90%;max-height:90%}.lightbox:target{display:flex}.close{position:absolute;top:20px;right:30px;color:#01e279;font-size:40px;text-decoration:none}.gallery{display:flex;flex-wrap:wrap;gap:.5rem;margin:auto;align-content:center;justify-content:center;width:100%}.gallery-thumb{display:flex;opacity:.8}.gallery-thumb:hover,.gallery-thumb:active{opacity:1}.prev,.next{position:absolute;top:50%;transform:translateY(-50%);color:#01e279;font-size:60px;text-decoration:none;user-select:none;padding:0 12px}.prev{left:10px}.next{right:10px}.prev:hover,.next:hover,.close:hover{color:#b3aaff}.youtube-video{max-width:90%;margin:auto}.youtube-video iframe{min-height:180px;max-height:900px;max-width:100%}html{font-size:16px}.title{font-size:3.8rem}#resume-container{width:90%;height:90%;background-color:rgba(0,61,58,.5)}#resume-container iframe{width:100%;height:100vh}.hero{background:#2e003d;border:1px solid rgba(46,0,61,.6);border-radius:8px;padding:1rem;margin:auto;max-width:50vw;min-width:30vw;justify-content:center;max-height:1fr;min-height:40vh;min-height:20vh;box-shadow:0 0 8px rgba(155,14,236,.4),inset 0 0 10px rgba(155,14,236,.6)}html:has(#effects-on:checked) .hero{background:rgba(155,14,236,.4);transition:box-shadow .3s ease,background .3s ease}.hero p,.hero a,.post p,.post a{font-size:1.4rem;padding-left:2rem;padding-right:2rem}.hero-h1{font-size:3.8rem;text-align:center}.hero-h2{font-size:2.4rem;text-align:center}.hero-img{margin:1rem;max-width:100%;height:auto;float:left;filter:brightness(200%)}.clear-image::after{content:"";display:table;clear:both}@media (max-width: 1376px){body{padding:1rem}.greeting h2{margin-top:-1rem}.greeting h1{font-size:8vw}.greeting h2{font-size:4vw}header p{font-size:1.1rem}.hero{max-width:90vw;min-width:auto;padding:.75rem;min-height:28vh}.post{max-width:80vw}.blogposts,.projects{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin:auto}}@media (max-width: 992px){body{padding:1rem}.greeting h1{font-size:10vw}.greeting h2{font-size:6vw}header p{font-size:1.1rem}.hero{max-width:90vw;min-width:auto;padding:.75rem;min-height:28vh}.video-hover-container{min-height:0}}@media (max-width: 768px){html{font-size:15px}body{padding:1rem}.greeting h1{font-size:15vw}.greeting h2{font-size:6vw;margin-top:-1rem}header p{font-size:1.1rem}.hero{max-width:90vw;min-width:auto;padding:.75rem;min-height:28vh}.hero p,.hero a,.post p,.post a{font-size:large;padding-left:1rem;padding-right:1rem}.hero h1,.hero-h1{font-size:x-large}.hero h2,.hero-h2{font-size:large}.post p{font-size:large}.post h1{font-size:x-large}.project-card-info h2{font-size:1.4rem}.project-card p,.project-card-description{font-size:.95rem}.links a{font-size:large}.post-header{flex-direction:column}.post-header a{width:75vw;padding:0;text-align:center}.links{justify-content:center;gap:.5rem;flex-direction:column}.icon,.email-icon{width:1.6rem;height:1.6rem;margin-left:.5rem}}@media (max-width: 480px){html{font-size:14px}.hero p,.hero a,.post p,.post a{font-size:small}.post h1{font-size:x-large}body{padding:.75rem}.hero{min-width:80vw}.hero-img{max-width:40vw}.greeting h1{font-size:3.4rem}.greeting h2{font-size:1.7rem}.greeting h1+h2{margin-top:-1rem}header p{font-size:1rem}.links a{font-size:large}.links{flex-direction:column;gap:.25rem;flex-direction:column}.project-card-info h2{font-size:1.1rem;padding-left:.5rem}.toggle{max-width:80%;margin-top:0;margin-bottom:0}.icon,.email-icon{width:1.4rem;height:1.4rem;margin-left:.5rem}.video-hover-container img,.video-hover-container video{object-fit:cover}main{max-width:100%}}