@import"https://fonts.googleapis.com/css2?family=Antic+Didone&family=Lora&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Brygada+1918:ital,wght@0,400..700;1,400..700&family=Varela&display=swap";.reveal.reveal-down,.reveal .reveal-down{transform:translateY(64px)}.reveal.reveal-left,.reveal .reveal-left{transform:translate(-64px)}.reveal.reveal-right,.reveal .reveal-right{transform:translate(64px)}.reveal[class*=reveal-],.reveal [class*=reveal-]{opacity:0}[class*=reveal-]{transition:all .3s ease-in-out}:root{--font-tile: "Brygada 1918", "Montserrat", serif;--font-content: "Varela", "Antic Didone", sans-serif;--text-tomato: #1f2d5c;--text-low-tomato: #3a5bc7;--background-white: #fdfdfe;--ui-bg-gray: #f0f0f0;--ui-bg-tomato: #edf2fe;--ui-bg-solid-jade: #bdee63;--ui-bg-solid-hover-jade: #b0e64c;--ui-bg-jade: #eef6d6;--ui-bg-hover-jade: #e2f0bd;--ui-boder-jade: #abc978;--ui-boder-tomato: #c1d0ff;--ui-boder-interactif-gray: #cecece;--focus-gray: #bbbbbb;--text-gray: #202020;--text-low-interactif: #5c7c2f;--text-interactif: #37401c;--formationStroke: linear-gradient(45deg, var(--ui-bg-tomato) 0%, var(--ui-boder-tomato) 50%);--shadow-border: rgba(0, 0, 0, .4)}html{--res: .1vmin }body{overflow-x:hidden;width:100vw;scroll-behavior:smooth;background-color:var(--background-white)}nav{font-size:1.5rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0;font-size:clamp(1rem,4vw,1.25rem);outline:none;border:none;text-decoration:none}section li{margin-left:1.25rem}*{font-family:var(--font-content)}h1,h2,h3,h4,h5,h6{list-style:none}p,span,div{font-family:var(--font-content);color:var(--text-gray)}main{margin:0 auto;width:90vw}a{font-family:var(--font-content);font-optical-sizing:auto;font-weight:400;font-style:normal;color:var(--text-interactif);transition:color .2s}section a:hover{color:var(--text-low-interactif)}h1{font-size:4rem;font-family:var(--font-tile);font-optical-sizing:auto;font-weight:200;font-style:normal}h2{font-size:clamp(2rem,4vw,3rem);font-family:var(--font-tile);font-optical-sizing:auto;font-weight:400;font-style:normal}h3{font-size:clamp(1.5rem,4vw,2rem);font-family:var(--font-tile);font-optical-sizing:auto;font-weight:400;font-style:normal}h4{font-size:clamp(1.25rem,2vw,1.75rem);font-family:var(--font-tile);font-optical-sizing:auto;font-weight:400;font-style:normal}.center-img{text-align:center}nav a,nav span{font-size:clamp(1.2rem,4vw,1.5rem);font-family:var(--font-tile)}nav{z-index:9999;position:fixed;top:0;width:100vw;transition:background .08s ease-in,border-bottom .4s ease-in}nav ul{height:9vh;display:flex;justify-content:space-between}nav ul li{text-align:center;margin:auto 0;list-style:none}nav ul li a{color:var(--text-gray);display:inline-flex;align-items:center}nav ul.me a{font-size:2rem}nav i:before{transition:all .2s ease-out;font-size:2rem}nav ul li.name.hide{transform:translateY(-9vh)}nav ul li.name,nav ul li.skills-projects{height:inherit}nav ul li.name a,nav ul li.skills-projects a{top:50%;transform:translateY(-50%);position:relative}nav ul li.name a{display:flex;transition:color .2s ease-out}nav ul li.name a:after{content:"";position:absolute;width:100%;height:2px;bottom:0;background-color:var(--text-low-interactif);transition:border-bottom .2s ease-out}nav ul li.name:hover a:after,nav ul li.name.hide a:after{border-bottom:var(--ui-bg-gray) 3px solid}nav ul li.name:hover a{color:var(--text-interactif)}nav ul li.name{position:absolute;left:0;right:0;margin-inline:auto;width:fit-content;transition:transform .2s ease-in}nav li.photo-profile{display:inline-grid;display:-ms-inline-grid;align-content:center}nav li.photo-profile>a{height:100%}nav li.photo-profile img{width:2.5rem;height:2.5rem;transition:border-radius .2s ease-in}nav li.photo-profile img.down,nav li.photo-profile:hover img{border-radius:50%}nav li.photo-profile:hover img.down{border-radius:0%}nav li.github a span{font-family:var(--font-tile);font-optical-sizing:auto;font-weight:400;font-style:normal}nav li.github{transition:transform .2s ease-in-out}nav i{display:flex;align-items:center;width:fit-content;height:fit-content}nav li.github.hide i:before{font-size:2.5rem}nav li.github.hide{transform:translate(calc(100% - 2.5rem))}nav li.github:hover{transform:translate(0)}header nav ul li.skills-projects{position:absolute;left:0;right:0;margin-inline:auto;width:fit-content}.nav-sticked{border-bottom:1px solid var(--focus-gray);background-color:#f7f9ff}#header{margin:0 5%;margin-top:max(20vh,9rem);width:60%;min-height:calc(65vh - 152px);margin-bottom:1rem}#header h2{font-size:1.8rem;font-family:var(--font-tile);font-weight:700}#header div{text-align:center;padding-top:20px}#header div a.contact-btn{transition:all .2s ease-out;padding:10px;border:1px solid var(--text-gray);background:var(--ui-bg-jade);border-radius:4px;color:var(--text-low-interactif)}#header div a.contact-btn:hover{border-radius:4px;color:var(--text-interactif);background:var(--ui-bg-solid-jade)}section{min-height:40vh;margin:max(25vh,200px) 0}#about-me{display:flex;flex-flow:column}#about-me h2{margin-left:0}#about-me .space-between-vertcal{display:flex;flex-flow:column;flex:1 1 auto;justify-content:space-around}#about-me .space-between-vertcal p{color:var(--background-white)}#about-me{min-height:50vh;margin-bottom:80px}#about-me p{font-size:1rem}#about-me h2:before{content:none}section#about-me{position:relative;background:var(--text-gray);color:var(--background-white);padding:15px}section#about-me:after{content:"";position:absolute;right:-5vw;top:0;background-color:var(--text-gray);width:5vw;height:100%}footer address ul{display:flex;justify-content:space-around;width:100vw;height:10vh;max-height:100px}footer address a{color:var(--text-interactif);border-bottom:var(--text-interactif) 3px solid;transition:all .2s ease-out;line-height:max(100px,10vh)}footer address a:hover{border-color:var(--ui-bg-hover-jade);background-color:var(--ui-bg-hover-jade)}footer ul li{display:flex;align-items:center;justify-content:center;border:1px solid var(--ui-boder-interactif-gray);background-color:var(--ui-bg-gray)}footer ul li,footer ul li a{width:100%;height:100%;display:flex;text-align:center;justify-content:center;align-items:center}@media screen and (max-width: 740px){fieldset{display:block}input{width:80vw}section#about-me:after{display:none}main{margin:0;width:100vw;overflow-x:hidden}}.Loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}