@import"https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap";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-size:100%;font:inherit;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}@font-face{font-family:bitFont;src:url(../fonts/8bit_emul8r.ttf)}*{font-family:Anton,sans-serif}body,html{overflow-x:hidden}body{background:#1e1a20}header{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100vh;width:100%;font-size:7vmin}.space_title{display:flex;text-transform:uppercase;color:#fd0;transform:perspective(500px) rotateX(-35deg);-webkit-text-stroke:#7a7138 1px;font-family:bitfont}.space_title:before{content:attr(data-text);text-transform:uppercase;color:#717cbc;position:absolute;transform:perspective(500px) translateZ(-30px) translateY(-10px);z-index:-1;-webkit-text-stroke:#586e9e 1px}.space_title:after{content:attr(data-text);text-transform:uppercase;color:#007d8f;position:absolute;transform:perspective(500px) translateZ(-60px) translateY(-20px);z-index:-2;-webkit-text-stroke:#164859 1px}h1{font-size:5rem}h2{font-size:3rem}p{font-family:Open Sans,sans-serif;color:#bfa600;line-height:1.6em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}#btn_langs{display:flex;justify-content:space-between;width:20%;margin-top:2em}#btn_langs button{width:40%;height:50px;border:none;border-radius:5px;color:#1e1a20;cursor:pointer;color:transparent;background-size:cover;background-repeat:no-repeat;background-position:center}#btn_langs button#flag_fr{background-image:url(../images/flags/FR_flag.png)}#btn_langs button#flag_en{background-image:url(../images/flags/EN_flag.png)}section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-left:10%;margin-right:10%}section h2{margin-top:.3em;margin-bottom:1.5em}section h3{font-size:1.3rem;margin-bottom:.5em;color:#36657b;font-family:Anton,sans-serif}section#skills{min-height:100vh}.skills_container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}section#skills article{display:flex;flex-direction:column;justify-content:space-between;margin:1em;padding:1em;border:1px solid #897700;border-radius:20px}.skill_logo{width:64px;height:64px;margin:0 auto;background-size:auto;background-repeat:no-repeat;background-position:center}#jsts{background-image:url(../images/logos/jsts.png)}#nodejs{background-image:url(../images/logos/nodejs.png)}#sql{background-image:url(../images/logos/sql.png)}#chsarp{background-image:url(../images/logos/csharp.png)}#restapi{background-image:url(../images/logos/restapi.png)}#graphql{background-image:url(../images/logos/graphql.png)}#ef-core{background-image:url(../images/logos/ef-core.png)}#git{background-image:url(../images/logos/git.png)}#react{background-image:url(../images/logos/react.png)}#spreadsheet{background-image:url(../images/logos/spreadsheet.png)}#unity{background-image:url(../images/logos/unity.png)}.pacman_banner{width:100%;height:5em;background:black;margin-top:5em;margin-bottom:5em;border-bottom:2px solid blue;border-top:2px solid blue;outline-offset:2px;outline:2px solid blue}section#course article{display:flex;justify-content:space-between;text-align:left;color:#164859;border-bottom:1px solid #36657b;width:100%;padding:1em}#course article:nth-child(2){border-left:1px solid #36657b}section#course article:nth-child(odd){flex-direction:row-reverse;text-align:right;border-left:none;border-right:1px solid #36657b}section#course article:nth-child(even){border-left:1px solid #36657b;border-right:none}section#course article h3{font-size:2rem;margin-bottom:.5em;color:#36657b}section#course article h2{font-size:1rem;color:#586e9e}section#course article h4{color:#586e9e}section#course article .skills{display:grid;grid-template-columns:repeat(3,1fr);place-items:center;height:auto}section#course article .skills li{list-style-type:none;width:3em;height:3em;margin:5px;color:transparent}section#personal{border:1px solid #36657b;padding:1em;color:#fd0}header>ul>li>a{display:flex;flex-direction:row;align-items:center;color:#fd0;margin-top:5px;margin-bottom:20px;font-size:1rem}header>ul>li>a>span{width:20px;height:20px;border-radius:2px;margin-right:1em}.icon{background-size:cover;background-repeat:no-repeat;background-position:center}.css{background-image:url(../images/logos/css.png)}.git{background-image:url(../images/logos/git.png)}.html{background-image:url(../images/logos/html.png)}.jsts{background-image:url(../images/logos/jsts.png)}.js{background-image:url(../images/logos/js.png)}.nodejs{background-image:url(../images/logos/nodejs.png)}.npm{background-image:url(../images/logos/npm.png)}.react{background-image:url(../images/logos/react.png)}.sql{background-image:url(../images/logos/sql.png)}.restapi{background-image:url(../images/logos/restapi.png)}.graphql{background-image:url(../images/logos/graphql.png)}.retro{background-image:url(../images/logos/retro.png)}.gremlin{background-image:url(../images/logos/gremlin.png)}.postgresql{background-image:url(../images/logos/postgresql.png)}.dynamodb{background-image:url(../images/logos/dynamodb.png)}.aws{background-image:url(../images/logos/aws.png)}.teamwork{background-image:url(../images/logos/teamwork.png)}.mail{background-image:url(../images/logos/mail.png);background-color:red}.linkedin{background-image:url(../images/logos/linkedin.png)}.phone{background-image:url(../images/logos/phone.png)}@media only screen and (max-width: 600px){main{display:flex;flex-direction:column;align-items:center}#btn_langs{width:40%}section#skills{width:100%}.skills_container{width:100%}section#skills article{width:90%}}