nav{font-family:Montserrat,sans-serif;font-weight:200;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,rgba(230,230,230,.3),rgba(230,230,230,.2),20%,rgba(30,30,30,.8),40%,rgba(30,30,30,1),60%,rgba(30,30,30,1));position:fixed;width:100%;top:0;left:0;z-index:2;height:80px}nav ul{display:flex;justify-content:flex-end}nav ul.open{display:flex;background-color:#1e1e1e;padding-left:0;margin-top:-2rem}nav ul.unopen{margin-bottom:0;margin-top:0;padding-top:0}nav ul li{list-style-type:none;display:flex;align-items:center;height:80px}nav ul li a{display:block;text-decoration:none;color:#f5f5f5;padding:0 .5rem;margin:0 .5rem;border-radius:.5rem}nav ul li a:hover{color:#cbdd3e}nav .menu{display:none;position:absolute;top:.75rem;right:.5rem;flex-direction:column;justify-content:space-between;width:2rem;height:1.75rem;cursor:pointer}nav .menu span{height:.3rem;width:100%;background-color:#fff;border-radius:.15rem;margin-right:10px}.home{margin-left:10px;height:80px;display:flex;flex-direction:column;justify-content:center}.home a{text-decoration:none}.home svg{color:#f5f5f5;width:22px;height:22px}.home svg:hover{color:#cbdd3e}.webdev-submenu{background-color:#323232;height:fit-content;width:10rem;position:absolute;top:80px;display:flex;flex-direction:column;align-items:flex-start;list-style:none;text-align:start;padding:0}.webdev-submenu li{cursor:pointer;height:50px}.webdev-submenu li a:hover{color:#cbdd3e}.webdev-submenu.closed{display:none}@media (max-width: 740px){nav .menu{display:flex;margin-top:15px;margin-right:10px}nav{flex-direction:column;align-items:start}nav ul{display:none;flex-direction:column;width:100%;margin-bottom:.25rem}nav ul li{padding-left:.25rem;width:100%;text-align:center}nav ul li a{margin:.2rem .5rem}.webdev-submenu{margin-left:30vw}}.albums-page .wrapper{max-width:1200px}.albums-view-toggle{display:flex;gap:.75rem;margin:1rem 1.5rem 1.5rem}.albums-view-toggle button{background:transparent;border:rgb(120,120,120) solid 1px;color:#d2d2d2;padding:.5em 1.25em;border-radius:999px;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .15s ease}.albums-view-toggle button.active{border-color:#cbdd3e;color:#cbdd3e}.albums-filters{margin:0 1.5rem 1.5rem}.albums-filters input[type=text]{width:100%;max-width:360px;background:rgba(0,0,0,.4);border:rgb(120,120,120) solid 1px;color:#fff;padding:.5em .75em;border-radius:6px;font-family:Montserrat,sans-serif;margin-bottom:.75rem}.category-chips{display:flex;flex-wrap:wrap;gap:.4rem}.category-chip{background:transparent;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:.85em;color:#aaa;border:rgb(120,120,120) solid 1px;padding:2px 10px;border-radius:999px;cursor:pointer;line-height:1.5em}.category-chip.active{border-color:#cbdd3e;color:#cbdd3e}.albums-grid{display:flex;flex-wrap:wrap;gap:1.25rem;margin:0 1.5rem 2rem}.albums-grid .album-card{flex:1 1 260px}.albums-tier-divider{display:flex;align-items:center;gap:1rem;margin:.5rem 1.5rem 1.5rem;color:#969696;font-family:Rubik,sans-serif;font-size:.95em;letter-spacing:.04em}.albums-tier-divider:before,.albums-tier-divider:after{content:"";flex:1;height:1px;background:rgb(90,90,90)}.albums-tier-divider--minor{margin:-.25rem 1.5rem 1rem;font-size:.8em;color:#6e6e6e;letter-spacing:.02em}.albums-tier-divider--minor:before,.albums-tier-divider--minor:after{background:rgb(60,60,60)}.albums-grid--secondary{gap:.85rem}.albums-grid--secondary .album-card{flex:1 1 150px;max-width:340px}.albums-grid--secondary .album-info{padding:.6rem .7rem .75rem}.albums-grid--secondary .album-info h3{font-size:.9em}.albums-grid--secondary .album-info h4{font-size:.78em}.albums-grid--secondary .album-rank{font-size:.85em;padding:1px 8px;color:#aaa}.albums-grid--secondary .album-cover-placeholder{font-size:2em}.albums-grid--secondary .album-notes,.albums-grid--secondary .album-tags,.albums-grid--secondary .album-rating{display:none}.album-card{position:relative;background:rgba(0,0,0,.4);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.album-rank{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.75);color:#cbdd3e;font-family:Rubik,sans-serif;font-size:1.1em;padding:2px 10px;border-radius:999px;z-index:1}.album-cover{aspect-ratio:1 / 1;background:rgba(255,255,255,.05)}.album-cover img{width:100%;height:100%;object-fit:cover;display:block}.album-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Rubik,sans-serif;font-size:3em;color:#ffffff26}.album-info{padding:.9rem 1rem 1.1rem;line-height:1.4em}.album-info h3{font-family:Rubik,sans-serif;font-size:1.15em;margin:0 0 .15em}.album-info h4{font-size:.9em;font-weight:400;color:#aaa;margin:0 0 .5em}.album-rating{font-size:.85em;color:#cbdd3e;margin:0 0 .5em}.album-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5em}.album-tag{font-size:.75em;color:#aaa;border:rgb(90,90,90) solid 1px;padding:1px 8px;border-radius:999px}.album-notes{font-size:.9em;color:#c8c8c8;margin:.4em 0}.album-links{display:flex;gap:.75rem;font-size:.85em}.album-links a{color:#cbdd3e;text-decoration:none}:root{--dark-color: rgb(30, 30, 30);--second-color: rgb(186, 220, 226);--third-color: rgb(56, 118, 163);--grey-color: rgb(150, 150, 150);--bright-limegreen: oklch(84.85% .35 144.53);--regular-limegreen: rgb(0, 255, 0);--bright-red: oklch(70% .27 0);--regular-red: rgb(255, 0, 0);--regular-magenta: rgb(255, 0, 255);--regular-yellow: rgb(255 255 0);--bright-yellow: oklch(94.67% .2448 112.76)}html{font-size:100%;font-weight:200;box-sizing:border-box;font-family:Montserrat,sans-serif;background:var(--dark-color)}*,*:before,*:after{box-sizing:inherit}main{width:100vw;color:#fff;z-index:99;position:absolute;width:100%;margin:0 auto;line-height:3em;overflow-x:hidden}canvas{position:fixed;top:0;left:0;z-index:-1}body{margin:0}.content img{margin-left:10px;-webkit-filter:invert(.9);filter:invert(.9)}.footer{display:block;min-height:20px;color:var(--grey-color);margin:0 auto;padding:4rem 1rem;line-height:1.25em;max-width:720px;width:100vw;text-align:center}.footer h4{text-align:center}.testBox{width:3rem;height:3rem;background:var(--regular-magenta);border:var(--bright-red) .5rem solid;border-radius:50%;margin:1rem auto}.testBox2{width:3rem;height:3rem;background:var(--regular-limegreen);border:var(--bright-limegreen) .5rem solid;border-radius:50%;margin:1rem auto}.testBox3{width:3rem;height:3rem;background:var(--regular-yellow);border:var(--bright-yellow) .5rem solid;border-radius:50%;margin:1rem auto}.blankBox{height:2rem}.blankBox2{height:120rem}.hero{background-color:transparent;display:grid;grid-template-columns:1fr;color:#f5f5f5;padding-top:15%;padding-bottom:5%;justify-content:center}.hero h1{text-align:center;font-size:2.75em;margin-top:1em;margin-bottom:.25em;font-family:Rubik,sans-serif;font-weight:500}.hero h3{font-size:1.45em;font-weight:300;text-align:center;width:70%;margin:auto;line-height:1.25em}.headshot{width:150px;height:150px;border-radius:50%;box-shadow:0 0 3px #00000080;margin:1.5em auto}.headshot2{width:150px;margin:1.5em auto}.hero p{color:#f5f5f5;text-align:left;width:80%;margin:auto;line-height:1.65em;padding-left:8px;padding-right:8px}.hero h2{color:#ffffff80;text-align:center}.hero button{height:48px;width:120px;border:var(--second-color) 2px solid;border-radius:4px;background-color:transparent;margin:2em auto auto}.hero button a{color:#f5f5f5;font-size:1.2em;text-decoration:none}@media only screen and (min-width: 550px){.headshot{width:240px;height:240px;align-self:center}.hero p{max-width:440px}}.content{background-color:#000000a6;margin:auto;padding:1.5em}.wrapper{max-width:720px;margin:auto}.content h1{font-family:Rubik,sans-serif;font-size:6em;margin:.75em .5rem -.5em;color:#96969621}.content h2{font-family:Rubik,sans-serif;font-size:2.3em;margin:.5em 0 .25em}.content h4{font-size:1.3em;margin:.25em 1.5rem;color:#d2d2d2;height:2.25rem}.content h5{font-weight:200;color:#aaa;border:rgb(120,120,120) solid 1px;padding:1px 10px 1px 6px;line-height:1.5em;margin:14px 6px 2px 4px;border-top-left-radius:10px}.content p{line-height:1.8em;font-size:1.15em;margin:.25em 1.5rem 1.25em}.content a{color:#cbdd3e;text-decoration:none}.icons{display:flex;align-items:center}.fadeblock-in{background:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,0));margin:auto;padding:1.5em;height:36rem}.fadeblock-out{background:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,0));margin:auto;padding:1.5em;height:30rem}:root{--grey-color: rgb(150, 150, 150);--hover-green: rgb(203, 221, 62)}.contact{width:100vw;text-align:center;color:#f5f5f5;margin:0 auto;display:flex;flex-direction:column;justify-content:center;padding-top:17rem;padding-bottom:8rem}.contact p{margin:-1em 0 0}.name{font-weight:400;font-size:1.35rem;padding-bottom:2px}.city{color:var(--grey-color)}.contact a{margin:-1em 0 0;padding:0;color:#f5f5f5;text-decoration:none}.contact a:hover{color:var(--hover-green)}