@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@keyframes blink{0%{opacity:1}to{opacity:0}}@keyframes typing{0%{width:0}to{width:18ch}}:root{--accentuate-color: #ed6486;--primary-color: #363f4b;--secondary-color: #ebf2fe;--tertiary-color: #363f4b;--pastille-color: #d1d6e9}::selection{background-color:#fc0;color:#000}*{padding:0;margin:0;box-sizing:border-box}html,body{height:100vh;color:var(--primary-color);background-color:var(--secondary-color);font-size:14px}body{height:fit-content;font-family:"Poppins",Sans-serif;background:linear-gradient(#e5ecf7,#c2ccdd)}canvas{z-index:5}h1{font-size:3rem}h2{font-size:2.5rem;width:fit-content;border-bottom:5px solid var(--accentuate-color)}h3{font-size:1.5rem}.header{width:100%;padding-left:40px;padding-top:40px;margin-bottom:40px}.body{margin-bottom:40px}#navbar{position:fixed;width:100%;padding-top:10px;left:0%;top:0%;z-index:2}#navbar .container{display:flex;align-items:center;justify-content:center}#navbar .item{display:inline-block;padding-right:15px}#navbar a{text-decoration:none;color:var(--primary-color)}#navbar a:hover{background-color:var(--accentuate-color)}#profil-background{position:absolute;width:100%;height:100%;top:0%;left:0%;pointer-events:auto;z-index:1}#profil{height:100vh;pointer-events:none;-webkit-user-select:none;user-select:none}#profil .container{position:relative;text-transform:uppercase;top:5%;padding:0 0 0 30px;z-index:2}#profil .name{font-size:7vw;font-weight:500;line-height:7vw}#profil .lastname{font-size:6vw}#profil .work-title{font-size:1.8vw;display:inline-flex;font-family:monospace;white-space:nowrap;overflow:hidden;line-height:1;vertical-align:middle}.work-title .text{display:inline-block;animation:typing 1s steps(18,end) forwards;white-space:nowrap;overflow:hidden;width:0}.terminal-cursor{animation-name:blink;animation-iteration-count:infinite;animation-duration:.5s;animation-direction:alternate}#skills .container{display:grid;grid-template-columns:auto auto auto;justify-content:space-evenly}#skills>.container>article{background-color:#363f4f;border-radius:5px;width:15vw;padding:20px}#skills article>h1{text-align:center;margin-bottom:15px;text-transform:capitalize}.icon-grid{display:grid;grid-template-columns:auto auto;justify-content:space-between;align-content:space-evenly;gap:30px;padding:10%}.icon-item{color:#f0f8ff;text-align:center;font-size:12px}.icon{width:30px;height:30px;color:#a4b0bb}.icon:hover{color:#adff2f}#skills{width:100%;height:100%}#formations{height:100vh;min-height:400px;overflow:hidden;display:flex;flex-direction:column}#formations .body{padding:0px 7vw;display:grid;flex:1 1 auto;grid-template-rows:1fr auto 1fr}.middle{height:0px;position:relative}.middle .line{position:absolute;background-color:var(--tertiary-color);transform:translateY(-50%);width:100%;height:2px}.middle .arrow{position:absolute;color:var(--accentuate-color);width:25px;height:25px;top:50%;left:100%;z-index:4;transform:translate(-50%,-50%)}.middle .arrow polygon{stroke-width:7px;fill:var(--primary-color)}.bottom{padding-left:max(100px,12.5vw)}.top,.bottom{position:relative;display:flex;flex-direction:row;width:100%;height:100%}#formations .item{position:relative;display:flex;flex-direction:column;flex:0 0 auto;width:25vw;min-width:200px;height:100%;padding-right:20px;font-size:min(2vw,14px)}#formations .item>h3{color:var(--accentuate-color);font-size:min(3vw,20px)}.square{position:absolute;z-index:5;width:20px;height:20px;padding:0 5px;translate:-50% -50%;left:3%;background:radial-gradient(circle at center,#d8dfed 43.28%,var(--accentuate-color) 44.12%,var(--accentuate-color) 57.56%,#d8dfed 58.4%,#d8dfed 70.17%,transparent 71.85%)}.top .square{top:100%}.vertical-line,.square{left:3%}.vertical-line{position:relative;background-position:0px 12px;translate:-50%;top:0%;width:2px;height:100%;background-image:repeating-linear-gradient(to bottom,var(--tertiary-color) 0 10px,transparent 10px 20px)}#projects .body{width:100%;display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;padding:0 50px 20px}#projects .item{break-inside:avoid;overflow:hidden;height:95vh;max-height:600px;background-color:var(--secondary-color);color:var(--primary-color);font-size:min(2vw,14px);box-shadow:2px 2px 2px #1b1b1b50;padding:7px;border-radius:10px}#projects .item-header{width:100%;height:45%}#projects .item-image{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;border-radius:7px}#projects .item-body{padding:15px 20px 0;height:43%;display:flex;flex-direction:column}#projects .item-body .title{display:block;width:fit-content;font-size:min(3vw,20px)}#projects .item-body .description{margin-top:5px}#projects .item-body .hints{margin-top:20px;overflow-y:scroll}#projects .pastille{display:inline-block;padding:0 10px;margin-right:5px;margin-top:5px;border-radius:30px;background-color:var(--pastille-color);color:var(--primary-color)}#projects .item-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(0px,1fr));gap:3px;height:12%}#projects .item-footer .button{color:var(--primary-color);background-color:var(--pastille-color);text-align:center;text-decoration:none;border-radius:7px}#projects .item-footer .button.left{border-radius:6px 0 0 6px}#projects .item-footer .button.right{border-radius:0 6px 6px 0}#projects .item-footer .button:hover{background-color:var(--primary-color);color:var(--pastille-color)}#projects .item-footer .button p{position:relative;top:50%;translate:0% -50%}.editor{position:absolute;right:0%;top:0%;z-index:10;padding:10px;background-color:#000;border-radius:2px}