:root{--accent:#6d5dfc;--accent-dark:#5646e0;--radius-lg:20px;--radius-md:12px;--shadow-md:0 8px 24px #1821531f;--shadow-lg:0 20px 45px #1821532e}html{scroll-behavior:smooth}*{box-sizing:border-box}body{color:#182153;background-color:#f1f1f1;margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700;text-decoration:none}a:hover{color:var(--accent-dark);text-decoration:underline}ul{margin:0;padding:0;list-style-type:none}h1,h2,p{margin:0}.navbar{-webkit-backdrop-filter:blur(16px);z-index:100;background-color:#2e2e2eb3;width:100%;height:110px;transition:height .3s,background-color .3s,box-shadow .3s;position:fixed;top:0;left:0;box-shadow:0 4px 20px #0003}.navbar.scrolled{background-color:#141418d9;height:80px;box-shadow:0 8px 30px #00000059}.navbarInner{justify-content:space-between;align-items:center;height:100%;padding:0 20px;display:flex}.navLinks{align-items:center;display:flex}.navLinks li{display:inline-block}.navBrand{align-items:center;gap:12px;text-decoration:none;display:flex}.navBrand:hover,.navBrand:active{text-decoration:none}.navBrand img{transition:width .3s,height .3s}.navbar.scrolled .navBrand img{width:56px;height:56px}.navBrand h1{color:#fff;margin:0;font-size:24px;transition:font-size .3s}.navbar.scrolled .navBrand h1{font-size:20px}.navBrand h2{color:#dbdbdb;margin:0;font-size:14pt;font-weight:400;transition:font-size .3s}.navbar.scrolled .navBrand h2{font-size:11pt}.navLink a{color:#fff;padding:10px 20px;font-size:14pt;transition:color .25s,transform .15s;display:block;position:relative}.navLink a:after{content:"";background-color:var(--accent);transform-origin:50%;border-radius:2px;height:2px;transition:transform .25s;position:absolute;bottom:4px;left:20px;right:20px;transform:scaleX(0)}.navLink a:hover{color:#d4d4d4;text-decoration:none}.navLink a:hover:after{transform:scaleX(1)}.navLink a:active{color:#bababa;transform:scale(.92)}.navToggle{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;display:none}.navToggle span{background-color:#fff;border-radius:2px;width:26px;height:3px;transition:transform .3s,opacity .3s;display:block}.navToggle.open span:first-child{transform:translateY(8px)rotate(45deg)}.navToggle.open span:nth-child(2){opacity:0}.navToggle.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media only screen and (width<=1014px){.navToggle{display:flex}.navLinks{background-color:#2e2e2e;flex-direction:column;align-items:stretch;max-height:0;transition:max-height .3s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.navLinks.open{max-height:400px}.navLink a{padding:16px 24px}}#info{margin-top:110px;padding:40px 20px 0;scroll-margin-top:110px;position:relative}#background-video{object-fit:cover;z-index:-1;width:100vw;height:100vh;position:fixed;inset:0}.infoContent{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:900px;box-shadow:var(--shadow-lg);background-color:#f1f1f1;align-items:stretch;margin:0 auto;display:flex;overflow:hidden}.portrait{object-fit:cover;flex-shrink:0;width:50%;display:block}.infoText{flex-direction:column;justify-content:center;align-items:flex-start;width:fit-content;margin:0 auto;padding:30px;display:flex}#info .infoContent h1{margin:0;font-size:34px}#info .infoContent h2{margin-bottom:10px;padding-top:0;font-size:18pt;font-weight:400}#info .infoContent p{text-align:left;font-size:13pt;line-height:1.6}@media only screen and (width<=700px){.infoContent{text-align:center;flex-direction:column}.portrait{width:100%;height:260px}#info .infoContent p{text-align:center}}#infoLinks{background-color:#e6e6e6;width:100%}#infoLinks section{border-radius:0 0 var(--radius-lg) var(--radius-lg);max-width:900px;box-shadow:var(--shadow-md);background-color:#000;margin:0 auto}#infoLinks ul{justify-content:center;gap:20px;padding:23px;display:flex}#infoLinks img{width:25px;height:25px;transition:transform .25s,filter .25s}#infoLinks img:hover{filter:drop-shadow(0 4px 8px #6d5dfc99);transform:scale(1.25)translateY(-3px)}#about{background-color:#e6e6e6;padding:50px 20px}#about h1{color:#182153;text-align:center}#about p{color:#182153;text-align:left;max-width:700px;margin:15px auto 25px;font-size:14pt}.title{text-align:center;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;padding:20px}.title h1{color:#182153;font-size:15pt}#experience,#education,#games{background-color:#f1f1f1;scroll-margin-top:110px}.content h1{color:#182153;text-align:center;padding-top:25px}.datedList{max-width:1200px;margin:0 auto;padding:20px 20px 50px}.datedListRow{gap:50px;padding:25px 0;display:flex}.datedListDate{text-align:right;border-right:1px solid gray;flex-shrink:0;width:34%;padding-right:35px}.datedListDate h1{color:#182153;text-align:right;margin:0;font-size:20pt}.datedListDate h2{color:#182153;text-align:right;margin:4px 0 0;font-weight:400}.datedListDescription{text-align:left}.datedListDescription h2{color:#182153;margin:0 0 8px}.datedListDescription p{color:#182153;margin:0;line-height:1.5}@media only screen and (width<=700px){.datedListRow{flex-direction:column;gap:10px}.datedListDate{text-align:left;border-left:2px solid gray;border-right:none;width:auto;padding-left:15px;padding-right:0}.datedListDate h1,.datedListDate h2{text-align:left}}.skillsTitle{text-align:center;background-color:#000;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;padding:20px}.skillsTitle h1{color:#f1f1f1;font-size:15pt}#skills{background-color:#242424;scroll-margin-top:110px}#skills ul{flex-wrap:wrap;justify-content:center;gap:10px;padding:50px 30px;display:flex}#skills li{border-radius:var(--radius-md);background-color:#5e5e5e;width:220px;height:75px;transition:transform .2s,background-color .2s}#skills li:hover{background-color:var(--accent);transform:translateY(-4px)}.skillItem{color:#f1f1f1;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;font-size:15pt;display:flex}#games{padding-bottom:50px}.gameThumbnails{flex-wrap:wrap;justify-content:center;gap:8px;max-width:900px;margin:0 auto;padding-top:50px;display:flex}.gameThumbnailContainer{border-radius:var(--radius-md);width:200px;height:200px;box-shadow:var(--shadow-md);transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.gameThumbnailContainer:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.gameThumbnailImage{object-fit:cover;width:200px;height:200px;display:block}.gameThumbnailOverlay{opacity:0;background-color:#000000b3;transition:all .5s;position:absolute;inset:0}.gameThumbnailContainer:hover .gameThumbnailOverlay{opacity:1}.gameThumbnailText{color:#fff;text-align:center;width:80%;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#contact{scroll-margin-top:110px}.contactTitle{background-color:#e6e6e6;border-color:#f1f1f1}.contactContent{background-color:#e6e6e6;padding:40px 20px}#contactTable{border-radius:var(--radius-lg);max-width:900px;box-shadow:var(--shadow-lg);background-color:#fff;flex-wrap:wrap;align-items:center;gap:40px;margin:0 auto;padding:40px;display:flex}#contactForm{border-right:1px solid #eee;flex:400px;padding-right:40px}#contactTable>div:last-child{text-align:left;flex:300px}#contactTable h1{text-align:left;padding-top:0}#contactTable h2{color:#182153;margin:0 0 20px;font-size:15pt;font-weight:400}#contactTable p{text-align:left;color:#182153;padding-top:20px;font-size:10pt}#contactFormTable{flex-direction:column;gap:10px;width:100%;max-width:500px;display:flex}.contactFormRow{gap:10px;display:flex}#contactFormTable input,#contactFormTable textarea{border-radius:var(--radius-md);box-sizing:border-box;background-color:#f2f2f5;border:1px solid #0000;width:100%;padding:12px;font-family:inherit;transition:border-color .2s,background-color .2s}#contactFormTable input:focus,#contactFormTable textarea:focus{border-color:var(--accent);background-color:#fff;outline:none}#contactFormTable textarea{resize:none;height:150px}#contactFormTable input[type=submit]{color:#fff;background-color:var(--accent);cursor:pointer;border-radius:var(--radius-md);padding:12px;font-weight:700;transition:background-color .2s,transform .2s}#contactFormTable input[type=submit]:hover{background-color:var(--accent-dark);transform:translateY(-2px)}#contactMeSocialMedia{border-spacing:0;border-top:1px solid #000;margin-top:20px}#contactMeSocialMedia td{padding:10px 15px 0 0}#contactMeSocialMedia img{width:20px;height:20px;transition:transform .25s,filter .25s}#contactMeSocialMedia img:hover{filter:drop-shadow(0 4px 8px #6d5dfc80);transform:scale(1.25)translateY(-3px)}footer{background-color:#f1f1f1;height:50px}