nav{background-color:#fff5ee;flex-wrap:wrap;justify-content:space-between;padding:10px;position:sticky;top:0;z-index:999}nav,nav .profile{align-items:center;display:flex}nav .profile img{border-radius:50%;height:40px}nav .profile h1{font-size:15px;margin-left:10px}nav ul{display:flex;list-style-type:none}nav ul li{border-bottom:1px solid #0000;cursor:pointer;margin-left:20px}nav ul li a:focus,nav ul li:hover{border-bottom:1px solid #000}nav ul li a{color:inherit;outline:none;text-decoration:none}.backgroundText{background-color:var(--bg);border-radius:3px;color:var(--text);padding:30px}.page-content .backgroundText p{padding-left:20px;text-align:justify}.page-content .backgroundText h1,.page-content .backgroundText p{font-family:Noto Sans JP,sans-serif}@media (max-width:600px){.page-content .backgroundText h1{font-size:2.5rem;text-align:center}.page-content .backgroundText p{font-size:.9rem;padding-left:10px;padding-right:10px}.backgroundText{padding:15px}}@media (min-width:601px) and (max-width:1024px){.page-content .backgroundText h1{font-size:3rem;text-align:center}.page-content .backgroundText p{font-size:1rem;padding-left:20px}}a.button{border:.16em solid var(--borderButton);border-radius:2em;box-sizing:border-box;color:var(--btn);display:inline-block;font-family:Roboto,sans-serif;font-weight:300;margin-left:auto;margin-right:auto;padding:.5em 1.7em;text-align:center;text-decoration:none;text-shadow:0 .04em .04em hsla(0,0%,100%,.253);transition:all .2s}a.button:hover{background-color:#f78068;border:.16em solid #eeeef0;color:#eeeef0}.page-content .projects-section{margin-top:6%}.page-content .projects-section h1{font-family:Noto Sans JP,sans-serif;font-size:30px}.projects-section h1{margin-left:25px;padding-top:20px}.page-content .projects-section .projects{display:flex;flex-wrap:wrap}.page-content .projects-section .project{margin-right:20px;max-width:195px}.page-content .projects-section .project h4{margin:0}.page-content .projects-section .project .description{font-size:10px}.page-content .projects-section .project .dates{color:#919191;font-size:13px}.card{background-color:#fff5ee;border-radius:5px;box-shadow:0 0 2rem -1rem #0006;color:#000;display:inline-block;margin:1rem;max-width:15rem;min-height:300px;overflow:hidden;padding:1em .5em;position:relative;transition:transform .1s,box-shadow .1s;width:90%}.card,.card a{text-decoration:none}.card a{color:inherit}.card:hover{box-shadow:0 .5em 3rem -1rem #d2691e;transform:translateY(-.5rem) scale(1.0125)}.card h1{font-size:16px;margin:0 0 .5em;min-height:20px}.card p{font-size:14px;margin:0;min-height:30px}.card img{border-radius:2px;height:220px;width:239px}.projects{padding-left:40px;padding-right:35px}@media (max-width:768px){.page-content .projects-section .projects{display:flex;flex-wrap:wrap;justify-content:center}.page-content .projects-section .project{margin:1rem;max-width:300px;width:80%}.card{min-height:250px;width:100%}.card img{height:200px;width:100%}}.detailed-description{background-color:#000c;border-radius:5px;box-sizing:border-box;color:#fff;display:none;font-size:14px;height:100%;left:0;opacity:0;overflow-y:auto;padding:20px;position:absolute;text-align:center;top:0;transition:opacity .3s;width:100%}.card:hover .detailed-description{display:block;opacity:1}html{scroll-behavior:smooth}::selection{background:#ff7979;color:#fff}section #experience{font-family:Noto Sans JP,sans-serif}.experience-formation h1{margin-left:25px}.wrapper{background:var(--timeline);margin:50px auto;max-width:1080px;padding:15px;position:sticky}.wrapper .center-line{background:#fff;height:100%;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:4px}.wrapper .row{display:flex}.wrapper .row-1{justify-content:flex-start}.wrapper .row-2{justify-content:flex-end}.wrapper .row section{background:#fff;border-radius:5px;padding:20px;position:relative;width:calc(50% - 40px)}.wrapper .row section:before{background:#fff;content:"";height:15px;position:absolute;top:28px;transform:rotate(45deg);width:15px;z-index:-1}.row-1 section:before{right:-7px}.row-2 section:before{left:-7px}.center-line .scroll-icon,.row section .icon{background:#f2f2f2;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;color:#ff7979;font-size:17px;height:40px;line-height:40px;position:absolute;text-align:center;width:40px}.center-line .scroll-icon{bottom:0;font-size:25px;left:50%;transform:translateX(-50%)}.row-1 section .icon{right:-60px;top:15px}.row-2 section .icon{left:-60px;top:15px}.row section .bottom,.row section .details{align-items:center;display:flex;justify-content:space-between}.row section .details .title{font-size:22px;font-weight:600}.row section p{margin:10px 0 17px}.row section .bottom a{background:#ff7979;border-radius:5px;color:#fff;font-weight:400;padding:7px 15px;text-decoration:none;transition:all .3s ease}.row section .bottom a:hover{transform:scale(.97)}@media(max-width:790px){.wrapper .center-line{left:40px}.wrapper .row{margin:30px 0 3px 60px}.wrapper .row section{width:100%}.row-1 section:before{left:-7px}.row-1 section .icon{left:-60px}}@media(max-width:440px){.row section .icon,.row section:before,.wrapper .center-line{display:none}.wrapper .row{margin:10px 0}}.contact-container{background-color:var(--timeline);border-radius:5px;box-shadow:0 0 10px #0000001a;margin:50px auto;max-width:800px;padding:20px}.contact-title{font-size:24px;margin-bottom:20px;margin-left:20px}.contact-form{background:#fff;border-radius:5px;padding:20px}.field{margin-bottom:15px}.form-label{color:#333;display:block;font-size:18px;font-weight:500;margin-bottom:8px}input[type=email],input[type=text],textarea{border:1px solid #ddd;border-radius:5px;font-size:16px;margin-bottom:15px;width:100%}textarea{height:150px;resize:vertical}input[type=submit]{background-color:#38843b;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:500;margin:0 auto;padding:10px;transition:background-color .3s ease,transform .3s ease;width:100%}input[type=submit]:hover{background-color:#45a049;transform:scale(1.02)}.success-message{color:#28a745;margin-top:20px}.error-message,.success-message{font-size:16px;text-align:center}.error-message{color:#d9534f;margin-top:10px}footer{background-color:#000;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:5%;padding:10px}footer .colonne h1{font-size:20px}footer .colonne p{color:#ccc;cursor:pointer;font-size:12px}footer .colonne p:hover{color:#fff}@media screen and (max-width:700px){nav{justify-content:center}nav ul{display:none}.page-content header{margin-top:10%;max-width:100%}.page-content .projects-section{margin-top:15%}.page-content .projects-section h1{font-size:1.5em}.page-content .projects-section .project{margin-bottom:20px;margin-right:0;max-width:100%}.page-content .projects-section .project .description{font-size:13px}footer{justify-content:flex-start}footer .column{width:80%}}html{--bg:#eeeee6;--text:#222;--btn:#000;--bgbody:#fff5ee;--borderButton:#000;--timeline:#eeeee6;transition:all .3s ease}html.nuit{--bg:#063f3e;--text:#f1f1f1;--btn:#fff;--borderButton:#fff;--bgbody:#fff5ee;--timeline:#063f3e}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}
/*# sourceMappingURL=main.490c222d.css.map*/