body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}body{background-color:#333b50}[id]{scroll-margin-top:70px}.for-max-width{background-color:#333b50;margin:auto;max-width:1400px}.for-max-width>*+*{border-top:1px solid #2965ff26}@font-face{font-display:fallback;font-family:djr_regular;src:url(/static/media/FormaDJRBanner-Regular-Testing.bf2b2f3afb873c45d52d.woff2) format("woff2"),url(/static/media/FormaDJRBanner-Regular-Testing.d987ea9d2eb1e8981646.woff) format("woff")}@font-face{font-display:fallback;font-family:djr_bold;src:url(/static/media/FormaDJRBanner-Bold-Testing.e1e5bad70a5c6ef8effd.woff2) format("woff2"),url(/static/media/FormaDJRBanner-Bold-Testing.2edcffb7ea08790e8591.woff) format("woff")}@font-face{font-display:fallback;font-family:djr_extra_bold;src:url(/static/media/FormaDJRBanner-ExtraBold-Testing.f657b471f6cbcfd8c1e2.woff2) format("woff2"),url(/static/media/FormaDJRBanner-ExtraBold-Testing.6c0c3474b9ff7d31914f.woff) format("woff")}@font-face{font-display:fallback;font-family:djr_medium;src:url(/static/media/FormaDJRBanner-Medium-Testing.f0ee25ed4b558799b6f8.woff2) format("woff2"),url(/static/media/FormaDJRBanner-Medium-Testing.070a39d569abc83d0ac2.woff) format("woff")}body #root section header{position:sticky;top:0;width:100%;z-index:99}body #root section header nav{align-items:center;background-color:#333b50;display:flex;justify-content:flex-start;padding:10px}body #root section header nav a{text-decoration:none}body #root section header nav .logo{padding-bottom:15px}body #root section header nav p{color:#e6e6e6;font-family:djr_regular;font-size:20px;margin:0}body #root section header nav p:hover{color:#2965ff;cursor:pointer;transition:color .3s ease}body #root section header nav .nav-links{align-items:center;display:flex;flex:1 1;justify-content:space-around}body #root section header nav .burger{background:none;border:none;cursor:pointer;display:none;padding:10px}@media only screen and (max-width:700px){body #root section header nav{align-items:flex-start;flex-direction:column;padding:10px 20px;position:relative}body #root section header nav .burger{display:block;position:absolute;right:20px;top:10px}body #root section header nav .nav-links{align-items:center;display:flex;flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease;width:100%}body #root section header nav .nav-links.open{max-height:400px}body #root section header nav .nav-links a{border-top:1px solid #2965ff;padding:5px 0;text-align:center;width:100%}body #root section header nav .nav-links p{font-size:16px;margin:5px 0}}body #root section .name{align-items:center;background-color:#333b50;display:flex;flex-direction:column;margin:auto;max-width:1400px;overflow:hidden;position:relative;text-align:left;width:100%}body #root section .name .name-wallpaper{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}body #root section .name:after{background:linear-gradient(90deg,#0006,#0006);content:"";inset:0;position:absolute;z-index:1}body #root section .name .intro{display:flex;flex-direction:column;padding-bottom:50px;position:relative;z-index:2}body #root section .name .green{color:#2965ff;font-family:djr_extra_bold;font-size:80px;letter-spacing:10px;text-align:center}body #root section .name h2{color:#e6e6e6;font-family:djr_regular;font-size:40px;letter-spacing:5px;margin-left:-10px;margin-top:-80px;position:relative;text-align:center;z-index:2}@media only screen and (max-width:700px){body #root section .name .intro .green{font-size:40px;letter-spacing:3px}body #root section .name h2{color:#e6e6e6;font-size:20px;letter-spacing:3px;margin-left:0;margin-top:-50px}}body #root section .profil{align-items:center;color:#e6e6e6;display:flex;flex-direction:column;font-family:djr_regular;font-size:30px;justify-content:space-around;margin:auto;max-width:1400px;padding:30px 20px;text-align:center}body #root section .profil h2{font-family:djr_bold;font-size:30px}body #root section .profil p{line-height:1.6;max-width:800px}@media only screen and (max-width:700px){body #root section .profil p{font-size:22px}}body #root section .projects{background-color:#333b50;color:#e6e6e6;font-family:djr_regular;margin:auto;max-width:1400px;padding:30px 20px;text-align:center}body #root section .projects .projects-title{font-family:djr_bold;font-size:30px;margin:10px 0 30px}body #root section .projects .projects-list{display:flex;flex-direction:column;gap:30px}body #root section .projects .project-card{background-color:#3d4660;border-left:4px solid #2965ff;border-radius:12px;padding:30px;text-align:left}body #root section .projects .project-card .project-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}body #root section .projects .project-card .project-header h3{color:#e6e6e6;font-family:djr_bold;font-size:24px;margin:0}body #root section .projects .project-card .project-header .project-badge{background-color:#2965ff;border-radius:20px;color:#fff;font-family:djr_medium;font-size:13px;padding:4px 12px;white-space:nowrap}body #root section .projects .project-card .project-description{color:#e6e6e6;font-size:16px;line-height:1.7;margin-bottom:20px}body #root section .projects .project-card .project-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}body #root section .projects .project-card .project-stack .stack-tag{background-color:#b4bcc8;border-radius:6px;color:#333b50;font-family:djr_bold;font-size:13px;padding:4px 12px}body #root section .projects .project-card .project-highlights{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:28px}body #root section .projects .project-card .project-highlights .highlight-item{align-items:flex-start;background-color:#333b50;border-radius:8px;display:flex;gap:14px;padding:16px}body #root section .projects .project-card .project-highlights .highlight-item .highlight-icon{flex-shrink:0;margin-top:2px}body #root section .projects .project-card .project-highlights .highlight-item .highlight-content strong{color:#e6e6e6;display:block;font-family:djr_bold;font-size:15px;margin-bottom:6px}body #root section .projects .project-card .project-highlights .highlight-item .highlight-content p{color:#b4bcc8;font-size:14px;line-height:1.6;margin:0}body #root section .projects .project-card .project-stats{display:flex;flex-wrap:wrap;gap:12px}body #root section .projects .project-card .project-stats .stat-item{align-items:center;background-color:#333b50;border:1px solid #2965ff;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-width:120px;padding:10px 20px}body #root section .projects .project-card .project-stats .stat-item .stat-value{color:#8aa8ff;font-family:djr_extra_bold;font-size:18px}body #root section .projects .project-card .project-stats .stat-item .stat-label{color:#b4bcc8;font-family:djr_regular;font-size:12px;margin-top:4px;text-align:center}@media only screen and (max-width:700px){body #root section .projects{padding:20px 14px}body #root section .projects .project-card{padding:20px 16px}body #root section .projects .project-card .project-header h3{font-size:18px}body #root section .projects .project-card .project-highlights{grid-template-columns:1fr}body #root section .projects .project-card .project-stats .stat-item{min-width:100px}}body #root section .skills{background-color:#333b50;margin:auto;max-width:1400px;padding:30px 20px}body #root section .skills h2{color:#e6e6e6;font-family:djr_bold;font-size:30px;margin:10px 0 30px;text-align:center}body #root section .skills .skill-group{margin-bottom:20px}body #root section .skills .skill-group .skill-category{color:#b4bcc8;font-family:djr_bold;font-size:13px;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}body #root section .skills .skill-group .skill-tags{display:flex;flex-wrap:wrap;gap:8px}body #root section .skills .skill-group .skill-tags .skill-tag{background-color:#b4bcc8;border-radius:6px;color:#333b50;font-family:djr_bold;font-size:13px;padding:4px 12px}body #root section .timeline{background-color:#333b50;margin:auto;max-width:1400px;padding:20px 0;position:relative}body #root section .timeline .timeline-title{color:#e6e6e6;font-family:djr_bold;padding:20px 0 10px;position:relative;text-align:center;z-index:1}body #root section .timeline:before{background-color:#2965ff;bottom:0;content:"";left:50%;position:absolute;top:90px;transform:translateX(-50%);width:10px;z-index:0}body #root section .timeline .timeline-item{align-items:center;display:grid;grid-template-areas:"left center right";grid-template-columns:1fr 46px 1fr;padding:30px 0}body #root section .timeline .timeline-item .timepoint{align-items:center;background-color:#2965ff;border-radius:50%;display:flex;grid-area:center;height:46px;justify-content:center;position:relative;width:46px;z-index:1}body #root section .timeline .timeline-item .insidepoint{background-color:#2965ff;border-radius:50%;height:30px;width:30px}body #root section .timeline .timeline-item .insidewhitepoint{background-color:#333b50;border-radius:50%;height:30px;width:30px}body #root section .timeline .timeline-item .timeline-content{align-items:center;display:flex;grid-area:right;padding-left:20px}body #root section .timeline .timeline-item .timeline-content p{background-color:#b4bcc8;border-radius:10px;color:#000;font-family:djr_regular;margin:0;padding:5px 10px;text-align:center;white-space:pre-line}body #root section .timeline .timeline-item .timeline-content p a{color:#000;font-family:djr_regular;text-decoration:none}body #root section .timeline .timeline-item:nth-child(2n) .timeline-content{grid-area:left;justify-content:flex-end;padding-left:0;padding-right:20px;text-align:right}@media only screen and (max-width:700px){body #root section .timeline:before{left:23px;transform:none}body #root section .timeline .timeline-item{grid-template-areas:"center right";grid-template-columns:46px 1fr}body #root section .timeline .timeline-item .timeline-content{grid-area:right!important;justify-content:flex-start!important;padding-left:20px!important;padding-right:0!important;text-align:left!important}}body #root section .download{align-items:center;background-color:#333b50;display:flex;flex-direction:column;margin:auto;max-width:1400px;padding:30px 20px}body #root section .download h2{color:#e6e6e6;font-family:djr_bold;font-size:30px}body #root section .download .myCV{display:flex;justify-content:center;padding:20px}body #root section .download .myCV .download-btn{align-items:center;background-color:#2965ff;border-radius:8px;color:#fff;display:flex;font-family:djr_bold;font-size:18px;gap:12px;padding:14px 28px;text-decoration:none;transition:opacity .2s ease}body #root section .download .myCV .download-btn:hover{opacity:.85}@media only screen and (max-width:700px){body #root section .download h2{font-size:25px}}body #root section .contact{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:auto;max-width:1400px;padding:30px 20px}body #root section .contact h2{color:#e6e6e6;font-family:djr_bold;font-size:30px}body #root section .contact .coordonnees{align-items:center;background-color:#b4bcc8;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;width:50%}body #root section .contact .coordonnees p{margin:0}body #root section .contact .coordonnees .linkedin,body #root section .contact .coordonnees .mail,body #root section .contact .coordonnees .phone{align-items:center;display:flex;gap:10px;justify-content:center;padding:8px 0;width:100%}body #root section .contact .coordonnees .linkedin a,body #root section .contact .coordonnees .mail a,body #root section .contact .coordonnees .phone a{color:#333b50;font-family:djr_bold;text-align:center;text-decoration:none}@media only screen and (max-width:700px){body #root section .contact h2{font-size:25px}body #root section .contact .coordonnees{width:70%}body #root section .contact .coordonnees a{font-size:15px}}
/*# sourceMappingURL=main.d3ac528e.css.map*/