*{box-sizing:border-box;color:#ffffffde;background-color:#242424;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased}.hoverable{cursor:pointer;transition:color .3s ease}.wrapper{max-width:800px;margin:0 auto;text-align:center}p{text-align:left}a{color:#ee9a2c}a:hover{color:#f1b464}a:active{color:#f1d5b0}.navbar-container{width:100%;position:fixed;top:0;left:0;background:#0d0d0d;z-index:999;box-shadow:0 2px 10px #0006}.navbar{max-width:1100px;margin:0 auto;padding:.5rem 2rem;display:flex;gap:2.2rem;align-items:center;justify-content:center}.navbar a{color:#ee9a2c;text-decoration:none;font-weight:500;font-size:1.05rem;position:relative;transition:color .25s ease}.navbar a:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background:#ee9a2c;transition:width .25s ease}.navbar a:hover:after{width:100%}.navbar a:hover{color:#f1b464}.navbar a:active{color:#f1d5b0}html{scroll-behavior:smooth}#bold{font-weight:700}.flex{display:flex}.navbar-container{width:100%;display:flex;justify-content:center;position:fixed;top:0;z-index:1000;background-color:#242424}.navbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:1000px;width:100%}.navbar a{padding:.5rem 1rem}.header{text-align:left;font-size:1.7rem;margin-bottom:1rem;color:#ee9a2c}@media (max-width: 800px){.navbar-container{position:static;box-shadow:none}.navbar{flex-wrap:wrap;gap:1rem;padding:1rem;margin-bottom:-2rem}}.portrait{max-width:200px;min-width:100px;max-height:200px;min-height:100px;margin:auto}.wrapper{display:flex;flex-direction:row;gap:1rem;padding:2rem 1rem 1rem}.skill-list{display:flex;flex-direction:row;gap:.5rem}.skill-category{text-align:left}.skill{position:relative;display:inline-flex;flex-direction:column;align-items:center}.skill:after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#1a1a1a;color:#f0f0f0;font-size:.7rem;font-weight:500;white-space:nowrap;padding:4px 8px;border-radius:5px;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;box-shadow:0 2px 8px #0000004d;z-index:10}.skill:before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%) translateY(4px);border:5px solid transparent;border-top-color:#1a1a1a;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:10}.skill:hover:after,.skill:hover:before{opacity:1;transform:translate(-50%) translateY(0)}