nav{background:var(--black);height:2.5rem;display:flex;align-items:center;justify-content:space-between}.menu-item{list-style:none;transition:background .3s;position:relative;height:100%;width:100%}.menu-item .menu-background,.menu-item a{height:100%;width:100%;position:absolute}.menu-item a{display:flex;padding:1rem;text-align:left;text-decoration:none;color:#fff;background-size:10%;border:.1px solid var(--dark-blue)}.menu-item a p{color:var(--extra-white)}.menu-item a:hover{background:var(--menu-dark-blue)}.menu-button{height:100%;padding:.5rem;display:flex;align-items:center;color:var(--extra-white);background:var(--dark-blue);border:0;cursor:pointer;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s;z-index:999}.menu-button .menu-button-icon{background:var(--white);height:2px;width:1.5rem;margin-right:.5rem}.menu-button .menu-button-icon:before{margin-top:-.5rem}.menu-button .menu-button-icon:after,.menu-button .menu-button-icon:before{position:absolute;left:.5rem;background:var(--white);height:2px;width:1.5rem;margin-right:.5rem;content:""}.menu-button .menu-button-icon:after{margin-top:.5rem}.menu-button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.menu{position:fixed;right:0;bottom:50%;top:2.5rem;max-width:360px;overflow:hidden;background:var(--menu-background);display:grid;grid-template-columns:1fr;position:absolute;transition:.3s;z-index:2;left:-360px}.open-menu{left:0}.clock{margin-right:.5rem;color:var(--white)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:100%}@media(max-width:700px){html{font-size:90%}}@media(max-width:400px){html{font-size:80%}}@media(min-width:1700px){html{font-size:110%}}@media(min-width:3500px){html{font-size:200%}}h1,h2,h3,h4,h5,h6{font-family:"Space Mono",monospace;font-weight:400;letter-spacing:.1rem}a,p,q,small{font-family:"Montserrat",sans-serif;line-height:1.5;font-size:1rem}h1{font-size:2.488em}h2{font-size:2.074em}h3{font-size:1.728em}h4{font-size:1.44em}h5{font-size:1.2em}.text_small,small{font-size:.833em}:root{--true-black:#0a0a0a;--extra-black:#111;--black:#2a2a2a;--darker-white:hsla(0,0%,98%,0.67);--white:#fafafa;--extra-white:#fff;--menu-background:rgba(51,51,51,0.98);--dark-blue:#1373b7;--extra-dark-blue:#0e5e97;--light-blue:#2ea9dc;--menu-dark-blue:rgba(19,115,183,0.67)}#root,body,html{height:100%;background:#111;background:var(--extra-black)}.home-container{display:flex;flex-direction:column;align-items:left;justify-content:center;padding:0 10vw;overflow:hidden;height:calc(100% - 2.5rem);width:100%}.home-container h1,.home-container p{color:var(--extra-white)}.home-container img{width:10rem}.home-container p{max-width:30rem}.home-container h1{margin:4rem 0;font-size:3rem}.window-box{position:fixed;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;border-top:none;transform:scale(1);transition:.3s;z-index:1}.closed{transform:scale(.001);left:100%;right:-100%}.window-header{border:1px solid var(--dark-blue);background:rgba(19,115,183,.1);position:absolute;margin:1px;height:calc(2.5rem - 2px);width:calc(100vw - 50%);max-width:20rem;left:6rem;padding:0 0 0 .5rem;display:flex;align-items:center;justify-content:space-between}.window-header small{color:var(--extra-white);margin-right:auto;margin-left:.5rem}.window-header img{height:70%;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.window-header img:last-child{cursor:pointer;-webkit-filter:brightness(1.1);filter:brightness(1.1)}.window-header img:last-child:hover{-webkit-filter:brightness(1.5);filter:brightness(1.5)}.window-box section{margin-top:2.5rem;flex:1 1;display:flex;background:var(--black);overflow:scroll;overflow-x:hidden}.about-content{padding:0 10vw 10vw;color:var(--white)}.about-content .about-header{display:flex;margin:0 -10vw 3rem;background:var(--extra-black);padding:10vw 10vw 1rem}.about-content .about-line{display:grid;grid-template-columns:1fr 1fr;grid-gap:5vw;gap:5vw;padding-bottom:10vw}.about-content .about-line .left,.about-content .about-line .right{width:100%;display:flex;align-items:top;justify-content:center}.about-content .about-line .right img{object-fit:cover;height:40vw;width:40vw;margin-left:auto}@media(max-width:700px){.about-content .about-line{grid-template-columns:1fr}.about-content .about-line .right img{width:100%;max-width:25rem;height:auto;margin:0}}.resume-content{padding:0 10vw 10vw;color:var(--white)}.experience-container,.formation-container,.stacks-container{padding-bottom:10rem}@media(max-width:700px){.resume-content h1{margin:0}}.experience-container p+p{margin:.5rem 0 5rem;line-height:1.5rem}.experience-header,.formation-header,.stacks-header{display:flex;flex-direction:row-reverse;align-items:center;margin:0 -10vw 3rem;background:var(--extra-black);padding:10vw 10vw 1rem}.experience-header>img,.formation-header>img,.stacks-header>img{height:3rem;margin-left:auto}.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5vw;gap:5vw}.stack-grid .stack-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stack-grid .stack-item img{height:3rem;margin-bottom:.5rem;transition:transform .3s}.stack-grid .stack-item img:hover{transform:scale(1.1)}.experience-container,.formation-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:5vw;gap:5vw}@media(max-width:800px){.experience-container,.formation-container{grid-template-columns:1fr;grid-gap:6rem;gap:6rem}}.formation-container .formation-item{display:flex;flex-direction:column;justify-content:flex-start}.formation-container .formation-item>img{height:3rem;margin-right:auto;margin-bottom:1rem}.formation-container .formation-item p+p{margin-bottom:1rem;line-height:1.5rem}.formation-container .formation-item a{text-decoration:none;flex-direction:row;height:3rem;padding:0 1rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;background:var(--extra-black);color:var(--white);display:flex;align-items:center;cursor:pointer;transition:.3s}.formation-container .formation-item a:hover{background:var(--extra-dark-blue)}.formation-container .formation-item a img{height:50%;margin:auto .5rem auto 0;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}@media(max-width:800px){.stack-grid{grid-template-columns:repeat(2,1fr)}.experience-header,.formation-header,.stacks-header{flex-direction:column;align-items:left}.experience-header>img,.formation-header>img,.stacks-header>img{margin:unset;margin-bottom:1rem}}@media(max-width:400px){.stack-grid{grid-template-columns:1fr}}.code-grid a img{height:2rem;margin:auto .75rem .75rem 0}.code-content{padding:0 10vw 10vw;color:var(--white);width:100%}.code-header{display:flex;flex-direction:column;margin:0 -10vw 3rem;background:var(--extra-black);padding:10vw 10vw 1rem}.code-header p{margin-top:1rem}@media(max-width:700px){.code-content{padding:0 3rem 3rem}}.code-grid{margin:2rem 0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5vw;gap:5vw;padding-bottom:10rem}@media(max-width:700px){.code-grid{grid-template-columns:1fr}}.project-content{padding:0 10vw 10vw;color:var(--white);width:100%}.project-header{width:100vw;display:flex;margin:0 -10vw 3rem;background:var(--extra-black);padding:10vw 10vw 1rem}.project-grid .fragment{margin:3rem 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:5vw;gap:5vw;padding-bottom:10rem}.project-grid span{all:unset}.project-grid img{width:100%}.project-grid h3{margin-bottom:2rem}.project-grid a{text-decoration:none;margin-top:1rem;height:2rem;padding:0 1rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;background:var(--extra-black);color:var(--white);display:flex;align-items:center;cursor:pointer;transition:.3s}.project-grid a:hover{background:var(--extra-dark-blue)}.stack-container{all:unset;margin-top:2rem;display:flex;justify-content:space-between;width:15rem;align-items:center;text-align:left}.stack-container img{max-width:2rem;margin:0 0 0 1rem}@media(max-width:900px){.project-grid .fragment{grid-template-columns:1fr;text-align:center}.project-grid .fragment a{margin:1rem auto 0}.project-grid img{max-width:500px}.project-grid img,.stack-container{margin:2rem auto 0}.stack-container img{max-width:2rem;margin:0 0 0 1rem}}.contact-content{display:flex;flex-direction:column;width:100%;padding:0 10vw 10vw}@media(max-width:700px){.contact-content{padding:0 2rem 2rem}}.contact-header{display:flex;flex-direction:column;align-items:left;margin:0 -10vw 3rem;background:var(--extra-black);color:var(--white);padding:10vw 10vw 1.5rem}.contact-header p{margin-right:auto;margin-top:1rem}.contact-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5vw;gap:5vw;padding-bottom:10rem}.contact-container a{text-decoration:none;cursor:pointer;display:flex;max-width:100%;flex-direction:row;justify-content:space-between;background:var(--extra-black);color:var(--white);-webkit-backdrop-filter:opacity;backdrop-filter:opacity;height:5rem;transition:background .3s,color .3s}.contact-description{display:flex;flex-direction:column;justify-content:space-around}.contact-container a h5,.contact-container a p{text-align:right;font-weight:400;margin:0 .5rem}.contact-container a img{height:100%;padding:1rem;background:var(--white)}.contact-container a:hover{background:var(--extra-dark-blue)}@media(max-width:1200px){.contact-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.contact-container{grid-template-columns:1fr}}.code-grid a{padding:0;height:20rem;text-decoration:none;display:flex;border:2px solid var(--extra-black);transition:border .3s}@media(max-width:700px){.code-grid a{height:16.5rem}}.code-grid a h5{width:100%;padding:1rem;margin-top:auto;margin-bottom:0;background:var(--extra-black);color:var(--white);text-align:left}.code-grid a:hover{border-color:var(--extra-dark-blue);background-color:(--extra-dark-blue)}.code-grid a:hover h5{background:var(--extra-dark-blue)}
/*# sourceMappingURL=main.ec1250f5.chunk.css.map */