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}}: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}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)}