@import"https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Padauk:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";:root{--main-color: #fff;--dark-color: #333333}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{color:var(--main-color);box-sizing:border-box}h1,h3{font-family:Pixelify Sans,sans-serif;font-weight:800}h2,h4,p,a{font-family:Mukta,sans-serif}main{padding-left:200px;background-image:url(/assets/background-DHYO00TM.jpg);background-size:cover;background-color:var(--dark-color)}.highlight{color:#ecaddb}@media screen and (max-width: 767px){main{padding-left:0;padding-top:70px}}nav#main-nav{position:fixed;left:0;top:0;height:100vh;width:200px;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;background-color:#000;padding:1em}nav#main-nav img{width:70px}nav#main-nav ul{height:75vh;display:flex;flex-direction:column;justify-content:space-evenly}nav#main-nav ul li{list-style-type:none;text-align:right}nav#main-nav ul li a{text-decoration:none;font-size:1.3em;letter-spacing:.1em}nav#main-nav p#signature{font-size:.7em;font-family:Pixelify Sans,sans-serif}@media screen and (max-width: 767px){nav#main-nav{width:100vw;height:fit-content;flex-flow:row nowrap;z-index:1}nav#main-nav ul{width:75vw;height:auto;flex-direction:row}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-cursor{0%,to{border-color:transparent}50%{border-color:#c96041}}section.home-section{height:100vh}section.home-section h1{font-size:4em;letter-spacing:.15em}section#responsive{display:none}@media screen and (max-width: 767px){section.home-section h1{font-size:2em}}section#welcome header{display:flex;flex-wrap:wrap;justify-content:center;gap:3em;align-items:center;height:75vh}section#welcome header img{width:200px;grid-area:1 2 / 1 3}section#welcome header h1{overflow:hidden;border-right:.15em solid #c96041;white-space:nowrap;animation:typing 3.5s steps(40,end),blink-cursor .75s step-end infinite}section#welcome header h2{font-size:2em}section#welcome nav{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2em}section#welcome nav a#game{color:#fff;align-self:flex-end}section#welcome nav p,section#welcome nav a{font-family:Pixelify Sans,sans-serif}section#welcome nav p{font-size:1.3em}section#welcome nav img{width:60px;filter:invert(1);position:relative;transition:top ease-in .5s;top:0}section#welcome nav img:hover{top:15px}@media screen and (max-width: 767px){section#welcome header{gap:0em;padding:0 2em}section#welcome header h1,section#welcome header h2{text-wrap:wrap}}section#projects{display:flex;flex-flow:column wrap;width:100%;height:100vh;gap:20px;background-color:#ececec;padding:20px}section#projects a.projects-btn{height:30%;flex-grow:1;transition:background-size .3s ease-in;background-size:100%;background-position:center;background-color:#0006;background-blend-mode:darken;border:none;padding:0;text-decoration:none;display:flex;align-items:center;position:relative}section#projects a.projects-btn:hover{background-size:120%}section#projects a.projects-btn div{width:clamp(450px,80%,600px);background-color:#000c;padding:2em;text-align:right}section#projects a.right{justify-content:flex-end}section#projects a.right div{text-align:left}section#projects a.projects-btn a,section#projects a.projects-btn div h3,section#projects a.projects-btn div h4,section#projects a.projects-btn div h4 a{color:#fff;text-decoration:none;font-weight:700;font-size:.9em}section#projects a.projects-btn div h4 a{font-family:Mukta,sans-serif;text-decoration:none}section#projects a.projects-btn div h3{font-size:1.6em}section#projects #destination-finale{background-image:url(/assets/destination-finale-BhDSWOGZ.png)}section#projects #botany-bloom{background-image:url(/assets/botany-bloom-DJ-k7hsH.png)}section#projects #label{background-image:url(/assets/projet-CEyS8CK3.png)}section#projects #mugiwallet{background-image:url(/assets/mugiwallet-CKUS4k2z.png)}section#projects #maze-within{background-image:url(/assets/maze-within-H8bO8FUu.png)}section#projects #beer-contest{background-image:url(/assets/beer-contest-DmtNrWhe.png)}section#projects #ctrl-play{background-image:url(/assets/ctrl-play-eoJgWYvS.png)}@media screen and (max-width: 767px){section#projects{flex-flow:column nowrap;height:auto}section#projects a.projects-btn{height:290px}}main#main-cv{height:100vh;display:flex;flex-direction:column;justify-content:center;gap:2em;width:50%;margin:auto;background-image:none;background-color:transparent;padding-left:0}main#main-cv h1{padding-left:1em;font-size:4em}main#main-cv h2{font-size:1.3em;letter-spacing:.1em}#main-contact{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:5rem}#main-contact h2{font-size:2em;letter-spacing:.15em}#main-contact section{display:flex;justify-content:space-evenly;gap:3rem}section#about{display:flex;flex-direction:column;justify-content:center;gap:2em;width:50%;margin:auto}section#about h1{padding-left:1em}section#about p{line-height:1.5;font-size:1.3em}section#about div#icones{display:flex;justify-content:space-evenly;align-items:center}#email{filter:invert(1)}
