@import"https://fonts.googleapis.com/css?family=Ubuntu+Mono";@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&family=DM+Serif+Display:ital@0;1&family=Radio+Canada+Big:ital,wght@0,400..700;1,400..700&display=swap";@font-face{src:local("signature-font"),url(/assets/signature-font-BjDWovts.ttf) format("truetype");font-family:signature-font}*{box-sizing:border-box;margin:0;padding:0}:root{--backgroung-color: #0d1926;--color-white: #e5e5e5;--color-charcoal: #363636;--color-hot-pink: #ff0883;--color-electric-lime: #83ff08;--color-tangerine: #ff8308;--color-electric-blue: #0883ff;--color-electric-purple: #8308ff;--color-electric-teal: #08ff83;--color-silver: #b6b6b6;--color-gunmetal: #424242;--color-raspberry: #ff1e8e;--color-lime: #8eff1e;--color-pumpkin: #ff8e1e;--color-royal-blue: #1e8eff;--color-violet: #8e1eff;--color-mint-green: #1eff8e;--color-light-silver: #c2c2c2;--box-shadow: 0 0 .5em rgba(0, 0, 0, .5);--card-shadow: .6em .6em var(--color-charcoal);--font-size: 1rem;scroll-behavior:smooth;font-size:var(--font-size);font-family:Radio Canada Big,sans-serif}.lang-button{position:fixed;top:1em;right:1em;z-index:1000;transition:all .3s;border:transparent;border-radius:1000em;background-color:var(--color-charcoal);padding:.5em 1em;color:var(--color-light-silver);font-weight:700}.lang-button:hover{cursor:pointer;background-color:var(--color-gunmetal)}.title{cursor:default;-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal;font-weight:700;font-size:3em;text-align:center}.title p{opacity:.8;color:var(--color-light-silver);font-weight:400;font-size:.4em}#hero .title{margin:1em 2em;background:linear-gradient(to bottom,var(--backgroung-color),var(--color-gunmetal));-webkit-background-clip:text;background-clip:text}#hero .title p{opacity:1;color:var(--color-white)}#projects .title{margin-bottom:1.5em;background:linear-gradient(to bottom,var(--backgroung-color),var(--color-gunmetal));-webkit-background-clip:text;background-clip:text}#contact .title{background:linear-gradient(to bottom,var(--color-white),var(--color-silver));-webkit-background-clip:text;background-clip:text}nav{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:2em;padding:1em 2em}.nav-links{display:grid;position:fixed;grid-template-columns:repeat(3,1fr);place-self:center;gap:1em;z-index:1000;transition:transform .3s ease-in-out .1s;box-shadow:var(--box-shadow);border-radius:1000em;background-color:var(--color-charcoal);padding:.5em;list-style:none}.nav-links>li{width:100%}.nav-links.hidden{transform:translateY(-200%)}.nav-links a{display:block;position:relative;transition:all .2s;box-shadow:var(--box-shadow);border-radius:1000em;background-color:var(--color-gunmetal);padding:.5em 1.5em;width:100%;color:var(--color-light-silver);text-align:center;text-decoration:none}.nav-links a span{position:relative;z-index:1}.nav-links a:hover{background:var(--color-charcoal)}.nav-links a.active{background-color:var(--color-charcoal)}section>div:first-of-type{margin:0 auto;padding:0 2em;max-width:1080px}#hero{background:linear-gradient(var(--backgroung-color) 0%,var(--color-royal-blue) 100%);padding-bottom:5em}#hero>div:first-of-type{display:grid;grid-template-columns:2fr 1fr;gap:2em}#projects{position:relative;background:linear-gradient(var(--color-white),var(--color-silver));padding-bottom:5em;overflow:hidden}#projects div>*{z-index:3}#projects .circle{position:absolute;z-index:1}#projects .small{top:55%;left:-6em;border-radius:1000em;background:var(--color-hot-pink);aspect-ratio:1/1;width:12em}#projects .big{top:20%;right:0;border-radius:10rem 0 0 10rem;background-color:var(--color-electric-blue);width:10rem;height:20rem}#projects>div:first-of-type{padding-top:2em}#contact{background:var(--backgroung-color);padding:8em 0 3em;scroll-margin:-5em}.me{display:flex;position:relative;flex-direction:column;box-shadow:var(--box-shadow);border-radius:.5em;background:var(--color-light-silver);max-width:100%;color:var(--color-charcoal);text-align:center;text-decoration:none}.me .download{display:grid;position:absolute;place-items:center;opacity:0;transition:all .3s;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:#0000;color:var(--color-white);font-weight:700;font-size:1.2em}.me .download:hover{opacity:1;background-color:#0006}.me>:nth-child(2){display:flex;flex-direction:column;justify-content:center;place-items:center;padding:1em 2em;height:100%;font-size:.9em}.me h1{margin-bottom:.4em}.me p{font-size:1.2em}.me .gradient-text{-webkit-background-clip:text;background-image:linear-gradient(to right,var(--color-electric-purple),var(--color-electric-blue));background-clip:text;color:transparent;font-weight:700;font-size:1.2em}.portrait-container{border-radius:.5em .5em 0 0;width:100%}.portrait-container img{border-radius:inherit;width:100%;height:100%;object-fit:cover}.stack{display:flex;flex-direction:column;gap:1em;margin-top:3em;padding:0 2em;color:var(--color-white);text-align:center}.stack h1{font-size:2em}.stack p{font-size:1.2em}.separator{position:relative}.wave{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.wave svg{display:block;position:relative;width:calc(100% + 1.3px);height:40px}.wave .shape-fill{fill:var(--color-white)}.wave1{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0}.wave1 svg{display:block;position:relative;transform:rotateY(180deg);width:calc(184% + 1.3px);height:117px}.wave1 .shape-fill{fill:var(--color-silver)}.name{width:fit-content;color:var(--color-silver);font-size:4em;font-family:signature-font;text-align:center}.terminal-container{display:flex;flex-direction:column;box-shadow:var(--box-shadow);border-radius:.5em;background-color:var(--color-charcoal);width:100%;height:30em;font-family:Ubuntu Mono,monospace}.terminal-container input{flex-grow:1;flex-shrink:1;margin-left:.5em;outline:transparent;border:none;background-color:var(--backgroung-color);color:var(--color-light-silver);font-size:1em;font-family:Ubuntu Mono,monospace}.terminal-header{display:flex;justify-content:flex-end;align-items:center;gap:.5em;border-radius:.5em .5em 0 0;background:linear-gradient(var(--color-gunmetal),var(--color-charcoal));padding:0 1em;width:100%;height:2em;color:var(--color-light-silver)}.terminal-header>:nth-child(1){flex-grow:1}.terminal-button{display:grid;place-items:center;transition:all .3s;border-radius:1000em;width:1.2em;height:1.2em}.terminal-button:hover{background-color:var(--color-light-silver);color:var(--color-charcoal)}.terminal-body{display:flex;flex-direction:column;border-radius:0 0 .5em .5em;background-color:var(--backgroung-color);padding:1em;height:100%;overflow-y:auto;color:var(--color-light-silver);line-height:1.5;white-space:pre-wrap}.terminal-command{width:fit-content}.terminal-line{word-wrap:break-word;align-items:baseline;width:100%}.terminal-line.active{display:flex}.terminal-index{flex-shrink:0}.terminal-body:hover{cursor:text}.terminal-body::-webkit-scrollbar{width:.5em}.terminal-body::-webkit-scrollbar-thumb{border-radius:.5em;background-color:var(--color-gunmetal)}.terminal-body::-webkit-scrollbar-track{background-color:var(--color-charcoal)}.terminal-user{color:var(--color-electric-teal);font-weight:700}.terminal-path{color:var(--color-electric-blue);font-weight:700}.card-wrapper{display:grid;gap:3em}.project-card:nth-child(2n){justify-self:end}.project-card:nth-child(2n)>:nth-child(1){order:1}.project-card{display:grid;grid-template-columns:1fr 1fr;box-shadow:var(--card-shadow);border:solid var(--color-charcoal) .2em;background-color:var(--color-white);width:85%;white-space:pre-wrap}.project-card img{justify-self:center;width:100%;height:100%;object-fit:cover}.project-card>:nth-child(2){padding:1.5em}.project-card>:nth-child(2)>:nth-child(1){display:flex;justify-content:space-between;align-items:center}.project-card>:nth-child(2) .project-links{display:flex;gap:1em}.project-card>:nth-child(2) .project-links a{place-items:center;border-radius:1000em;color:var(--color-charcoal);text-decoration:none}.project-card>:nth-child(2) h2{background:linear-gradient(to bottom,var(--color-electric-purple) 50%,var(--color-hot-pink));-webkit-background-clip:text;background-clip:text;width:fit-content;color:transparent;font-size:1.5em}.project-card>:nth-child(2)>p{margin-top:1em;color:var(--color-charcoal)}.project-card>:nth-child(2)>hr{border:none;background-color:var(--color-charcoal);height:1px}.technologies{display:flex;gap:.3em;margin-top:1em;font-size:1.2em}.technologies>i{color:var(--color-gunmetal)}.socials{display:flex;justify-content:center;gap:2em;padding:2em 0 3em;list-style:none}.socials>li{text-align:center}.socials a{position:relative;opacity:.8;transition:all .5s;color:var(--color-light-silver);text-decoration:none;text-shadow:0 0 0 .2em transparent}.socials a:after{position:absolute;right:100%;bottom:0;left:0;background-color:var(--color-electric-purple);height:1px;content:""}.socials a:before{position:absolute;right:0;bottom:0;left:100%;box-shadow:0 0 .2em var(--color-electric-purple);height:1px;content:""}.socials a:hover:before{animation:underline .7s linear forwards}.socials a:hover:after{animation:underline .7s linear forwards}.socials a:hover{opacity:1;text-shadow:0 0 .2em var(--color-electric-purple)}#contact-form{display:grid;gap:4em;margin:0 auto;width:100%}.form-group{display:flex;gap:3em}.form-group>*{flex:1}#contact-form input,textarea{transition:border-bottom .2s;outline:transparent;border:none;border-bottom:1px solid var(--color-light-silver);background-color:transparent;padding:.5em;color:var(--color-light-silver);font-size:1em;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#contact-form input:focus{border-bottom:1px solid var(--color-electric-purple)}#contact-form textarea{border:none;background-color:#80808033;padding:1em;height:10em;resize:none}#contact-form input::placeholder,textarea::placeholder{opacity:1;color:var(--color-light-silver)}#contact-form button{position:relative;place-self:center;cursor:pointer;outline:transparent;border:none;background:none;padding:.5em 1em;width:fit-content;overflow:hidden;color:var(--backgroung-color);font-weight:700;font-size:1.2em}#contact-form button span{position:relative;z-index:1;font-family:Radio Canada Big}#contact-form button:before{position:absolute;animation:rotate 3s linear reverse infinite;top:-10em;right:-10em;bottom:-10em;left:-10em;background-image:conic-gradient(transparent 55%,var(--color-electric-purple) 85%);padding:1px;content:""}#contact-form button:after{position:absolute;transition:all .3s;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--color-white),var(--color-silver) 50%);content:""}#contact-form button:hover:after{transform:scaleX(.93) scaleY(.87)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes underline{0%{right:100%;left:0}50%{right:25%;left:0}to{right:0;left:100%}}@media (max-width: 760px){:root{--font-size: .9rem}nav{display:flex;flex-direction:column}.name{display:none}#contact .title{margin-top:1em}#hero>div:first-of-type{grid-template-columns:1fr;margin:3em}section>div:first-of-type{grid-template-columns:1fr;margin:0 3em}.me{flex-direction:row}.me .portrait-container,.me>:nth-child(2){flex:1;border-radius:.5em 0 0 .5em;width:100%}.project-card{grid-template-columns:1fr;width:100%}.project-card:nth-child(2n)>:nth-child(1){order:-1}.form-group{flex-direction:column}.socials{flex-direction:column;gap:.5em}}@media (max-width: 480px){:root{--font-size: .7rem}}