*{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}