html,h1,body{margin:0;padding:0}#root{margin:none;padding:none}a{text-decoration:none;margin:none;padding:none}img,video,source{margin:0;padding:0;border:none}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#banner{margin-top:40px;margin-bottom:10px;text-align:center;font-family:Poppins,sans-serif;font-weight:900;font-style:italic}#banner #site-title{cursor:pointer;display:flex;justify-content:center;gap:.35em}#banner h1{font-size:70px;font-weight:600;transition:color .4s;margin-bottom:8px;color:#8a8a8a99;text-shadow:2px 2px rgba(255,0,0,.1)}#banner h1:hover{color:#505050;text-shadow:3px 3px #8a8a8a;transition:color .4s;transition:text-shadow .9s}@media screen and (max-width: 480px){#banner{width:100%;text-align:center;margin-top:64px}#banner #site-title{flex-direction:column;gap:0;text-align:center;font-size:370%;line-height:40px}}.tile{transition:background .4s}.tile:hover{background:rgb(163,138,138)}.tile:hover .tile-body .tile-stack .stack-item{background:rgba(255,255,255,.8)}.tile:hover .tile-img,.tile:hover .tile-gif{opacity:1}.tile:hover h1.tile-title{color:#fff}#port{display:grid;grid-template-columns:repeat(3,1fr)}#footer{margin:4px 0 0;color:#8a8a8a99;text-shadow:2px 2px rgba(255,0,0,.1);display:flex;justify-content:center;align-items:center;gap:14px}#footer div{font-size:20px;white-space:nowrap}#footer div a{color:#8a8a8a99;text-shadow:2px 2px rgba(255,0,0,.1)}#footer .vert-divider{pointer-events:none}#footer a:hover,#footer .email-copy button:hover{color:#505050;transition:color .4s;transition:text-shadow .9s}.email-copy{position:relative;display:inline-flex;align-items:center;vertical-align:baseline}.email-copy button{display:inline-flex;align-items:center;gap:.3em;background:none;border:none;padding:0;margin:0;cursor:pointer;color:#8a8a8a99;text-shadow:2px 2px rgba(255,0,0,.1);font:inherit}.email-copy .copy-icon{display:inline-flex;align-items:center;line-height:0}.email-copy .copy-icon svg{width:.75em;height:.75em}.email-copy .email-tooltip{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%) translateY(4px);opacity:0;pointer-events:none;padding:6px 12px;border-radius:7px;background:rgba(255,255,255,.92);box-shadow:2px 2px 4px #4d4a5166;color:#4d4a51cc;font-size:13px;font-style:normal;font-weight:600;letter-spacing:.01em;text-shadow:none;white-space:nowrap;transition:opacity .25s ease,transform .25s ease;z-index:5}.email-copy .email-tooltip.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.tile,#mobile-msg{margin:6px;border-radius:7px;overflow:hidden;background:rgba(255,255,255,.6);box-shadow:2px 2px 4px #4d4a5166}.tile .tile-body,#mobile-msg .tile-body{padding:0 20px 10px;color:#4d4a51cc}.tile .tile-body .tile-title,#mobile-msg .tile-body .tile-title{font-size:40px;color:#666;font-weight:900;display:inline}.tile .tile-body .fa-github,#mobile-msg .tile-body .fa-github{display:absolute;font-size:25px;color:#666}.tile .tile-body .tile-stack,#mobile-msg .tile-body .tile-stack{display:block;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(69,69,69,.2);display:flex;flex-wrap:wrap}.tile .tile-body .tile-stack .stack-item,#mobile-msg .tile-body .tile-stack .stack-item{white-space:nowrap;padding:0 5px;font-size:16px;display:inline;margin-top:5px;margin-right:3px;background:rgba(69,69,69,.2);border-radius:7px}.tile .tile-body .tile-desc,#mobile-msg .tile-body .tile-desc{color:#4d4a51b3;font-size:16px;margin:0 0 12px;line-height:18px}.tile a,#mobile-msg a{display:block;color:inherit;text-decoration:none}.tile .tile-media,#mobile-msg .tile-media{position:relative;display:block;height:140px;overflow:hidden;line-height:0}.tile .tile-img,.tile .tile-gif,#mobile-msg .tile-img,#mobile-msg .tile-gif{display:block;opacity:76%;object-fit:cover;width:100%;height:140px}.tile .tile-gif,#mobile-msg .tile-gif{position:absolute;inset:0;opacity:0;pointer-events:none}#mobile-msg{padding:14px;margin-top:40px}#mobile-msg p{color:#4d4a5180;text-align:center;font-size:22px}@media screen and (max-width: 1200px){.tile .tile-body .tile-title,#mobile-msg .tile-body .tile-title{font-size:200%}#footer div{padding:0}}@media screen and (max-width: 860px){#footer{flex-wrap:nowrap;gap:10px;margin:0}#footer div{font-size:18px}}@media screen and (max-width: 480px){#footer{flex-wrap:nowrap;gap:8px}#footer div{font-size:16px}div#port{margin-top:28px}#port{margin-top:50px;display:grid;grid-template-columns:repeat(1,1fr)}.tile .tile-body .tile-title{font-size:34px}div#mobile-msg{margin-top:6px}div#mobile-msg p{padding:20px;font-size:16px}}@media screen and (max-width: 300px){#footer{flex-direction:column;flex-wrap:nowrap;gap:4px}#footer .vert-divider{display:none}}#about{color:#d4d1deb3;margin-top:40px;grid-template-columns:2fr 1fr;display:none}#about #content h1{font-size:50px;border-bottom:1px solid rgba(212,209,222,.7)}#about #content p{padding-right:40px;font-size:30px}#about #content a{transition:color .4s;padding-bottom:-10px;letter-spacing:-1000;color:#8a8a8a99;text-shadow:2px 2px rgba(255,0,0,.1)}#about #content a:hover{color:#666;text-shadow:3px 3px #8a8a8a;transition:color .4s;transition:text-shadow .5s}#about #content .email-copy button{color:#8a8a8a99;text-shadow:2px 2px rgba(255,0,0,.1);transition:color .4s}#about #content .email-copy button:hover{color:#666;text-shadow:3px 3px #8a8a8a}#about #desktop-image{overflow:hidden;width:400px}#about #mobile-image{display:none}@media screen and (max-width: 480px){#about{display:none;margin-top:30px;margin-left:0}#about #desktop-image{display:none}#about #content{margin-top:30px}#about #content p{font-size:20px;padding-right:0}#about #mobile-image{border-radius:50%;display:block}}#tech-description-display{display:none;padding:20px 50% -10px 0;font-size:24px;font-weight:600;transition:color .4s;letter-spacing:-1000;color:#4d4a51b3}#tech-description-display #tech-description-name{display:inline;border-bottom:1px solid rgba(77,74,81,.7)}#tech-description-display #name-block{display:block;padding-bottom:10px;opacity:.9}#tech-description-display p#tech-description-description{font-size:20px}#tech-description-display .tech-list .tech-bubble{background:#8a8a8a}@media screen and (max-width: 850px){#tech-description-display{font-size:18px;padding:20px 20% 0 0}#tech-description-display p#tech-description-description{font-size:15px}}div.tech-list{display:flex;margin:32px 0;line-break:strict;overflow:visible}div.tech-list span.tech-bubble{flex-grow:1;font-style:normal;padding:30px 16px;font-size:16px;font-weight:500;display:inline;margin-right:3px;border-radius:7px;opacity:.5;background:#8a8a8a;color:#000c}div.tech-list span.tech-bubble:hover{opacity:1;cursor:pointer;color:#00000080}@media screen and (max-width: 1200px){div.tech-list{display:flex;flex-direction:row;flex-wrap:wrap;margin:5px 0}div.tech-list span.tech-bubble{flex-shrink:4;padding:18px 15px;margin:2px}}@media screen and (max-width: 480px){div.tech-list{display:none}}html,body{padding:0;background:black;background:radial-gradient(#3d3c41,#161517);font-family:Poppins,sans-serif;height:100%;margin:0;overflow:hidden}body{height:100%;overflow-y:auto;padding:5px 10% 200px}body{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}.fades{animation:fadeIn 1.5s;animation:fadeOut 1.2s;transition-timing-function:ease-in;transition-timing-function:ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:0}to{opacity:1}}