@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap);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}nav{background:#fff!important;background-color:#fff;border-bottom:1px solid #000;box-sizing:border-box;height:4rem;padding:.5rem 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100;ul{margin:0!important}}.switch-cont{align-items:center;background:#fff;border:.01rem solid var(--dark);display:flex;flex-direction:row;gap:.5rem;justify-content:center;left:20%;margin-left:20px;padding:10px;position:fixed;top:2px;-webkit-transform:scale(.8);transform:scale(.8)}.switch-cont p{margin:0}.switch-container{align-items:center;border:1px solid #051a36;border-radius:30px;display:flex;height:20px;justify-content:flex-start;width:45px}.switch-container:hover{cursor:pointer}.switch{background:#fff;background:var(--secondary);border-radius:30px;height:24px;width:24px}nav ul{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:auto;padding:0;width:100%}.navElement .anchor{color:var(--dark);font-size:.8rem;margin:5px;padding:5px;text-decoration:none;transition:.25s}.navElement .anchor:hover{background-color:var(--dark);color:#fff;opacity:1;transition:.2s}footer{background-color:#fff;bottom:0;position:fixed}.footer{transition:1s ease-in-out;width:100%}.footer hr,nav hr{background-color:#000;height:.5px;margin:1rem auto;width:60%}.footer span{font-size:14px;padding:10px;transition:1s ease-in-out}.footer span:hover{color:#1781c2;opacity:1}.footer p{font-size:16px;margin:1rem 0 .5rem}.projectlink{align-self:center;background:#323232;color:#fff;font-size:12px;justify-self:center;padding:8px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.center{cursor:pointer;margin-left:auto;margin-right:auto;margin-top:1rem}.projectlink:hover{background-color:#000;color:#fff;opacity:1}.project-title{font-size:14px;font-weight:600}.project-element-child{border:1px solid #000;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-template-rows:auto;height:600px;justify-items:center;place-items:center;scroll-snap-align:center;width:620px;p{font-size:20px;width:80%}}.home-container{padding:3rem 0;transition:1s ease-in-out;width:80%;li,p{font-size:20px;text-align:justify}}.project-container{grid-gap:1rem;-ms-overflow-style:none;align-items:center;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,500px);height:75vh;justify-content:center;justify-items:center;overflow-y:auto;padding:2rem 0 5rem;scroll-snap-type:y mandatory;scrollbar-width:none;width:60%}.project-container::-webkit-scrollbar{display:none}.project-element-child:hover{background:#d8d8d8;border:2px solid #000;cursor:pointer}.lili{font-size:14px;margin-bottom:10px;text-decoration:none;transition:1s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.project-container .light{background-color:initial;color:var(--dark)}.project-container .dark{align-items:center;align-self:center;background-color:initial;color:#fff;display:flex;flex-direction:column;justify-content:center;transition:1s ease-in-out}.lili:hover{color:#1781c2;transition:.25s ease-in-out}.display-project{background-color:#fff;border:2px solid #000;box-sizing:border-box;height:90vh;left:50%;overflow-y:auto;position:fixed;scrollbar-width:thin;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.5s ease-in-out;width:60vw;z-index:10}.display-project::-webkit-scrollbar{width:10px}.display-project::-webkit-scrollbar-track{background-color:#e8e6e6}.display-project::-webkit-scrollbar-thumb{background-color:#000}.close-project{all:unset;background-color:#fff;border:2px solid #000;font-size:.6rem;left:95%;margin-right:10px;padding:.5rem 1rem;position:-webkit-sticky;position:sticky;top:2%}.close-project:hover{background-color:#000;color:#fff;transition:.3s ease-in-out}.link-container{display:flex;flex-direction:row;gap:10px;justify-content:center}.project-content{background-color:#fff;height:auto;margin:0 auto auto;padding-bottom:4rem;text-align:justify;width:60%}.project-content h3{margin-bottom:3rem;text-align:center}.tech-list{align-items:flex-start;align-self:flex-start;display:flex;flex-direction:column;justify-content:left;justify-self:flex-start;margin-left:20px}.tech-list li{font-size:14px}.click-order{color:gray;z-index:1}.project-image{align-self:center;border:8px ridge #1781c212;justify-self:center;margin:0 auto 2rem;width:100%}.project-frame{aspect-ratio:1/1;display:none;width:100%}@media (max-width:550px){.project-content{width:90%}p{font-size:14px}.link-container{flex-direction:column;gap:20px;margin-top:2rem}.link-container,.link-container a{display:flex;justify-content:center}.link-container a{align-items:center;font-size:14px;height:35px;width:80%}.project-image{width:100%}.project-frame{zoom:.2}}@media (max-width:800px){.close-project-text{display:none}}:root{--dark:#051a36;--primary:#07305e;--secondary:#0f3866;--white:#fff}#root{align-items:center;display:flex;height:100%;justify-content:center;text-align:justify;width:60%}body{font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-style:normal;font-weight:400;justify-content:center}.App,body{align-items:center;display:flex;flex-direction:column;width:100%}.App{height:100%;position:relative;text-align:center}.dark{background:#051a36;background:var(--dark);color:#fff}.main{display:flex;flex-direction:column}#myname{font-family:Cormorant Garamond,serif;font-size:.7rem;padding:3px 15px}.slogan{padding:1.5rem 0}.hero hr{margin:auto;width:45vw}.hero-intro{margin:auto;width:70%}.book--content,.hero-intro{align-items:center;display:flex;flex-direction:column;justify-content:center}.book--content{margin:4vh auto auto;width:80%}.book-img{border:5px ridge #fff;height:auto;width:30%}.book--content a{background-color:#051a36;background-color:var(--dark);color:#fff;cursor:pointer;font-size:.65rem;font-weight:700;margin:1rem 0;padding:10px;text-decoration:none}.book--content a:hover{background-color:#282828}.publication-container{box-sizing:border-box;margin-bottom:80px}.publication,.publication-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-self:center;width:100%}.publication{margin:auto}.translation{text-align:justify;width:100%}#racism{font-size:2rem;margin:0;text-align:center}.publication p{font-size:20px}.publication img{margin:auto;width:100%}.notice{-webkit-animation:float 2.5s ease-in-out infinite;animation:float 2.5s ease-in-out infinite;margin-top:120px}@-webkit-keyframes float{0%{font-weight:400;-webkit-transform:translateY(10%);transform:translateY(10%)}50%{font-weight:300;opacity:0;-webkit-transform:translate(0);transform:translate(0)}to{font-weight:400;-webkit-transform:translateY(10%);transform:translateY(10%)}}@keyframes float{0%{font-weight:400;-webkit-transform:translateY(10%);transform:translateY(10%)}50%{font-weight:300;opacity:0;-webkit-transform:translate(0);transform:translate(0)}to{font-weight:400;-webkit-transform:translateY(10%);transform:translateY(10%)}}p{font-size:1rem}.studio243{max-width:50%}.content{align-items:center;display:flex;justify-content:center;position:relative;transition:1s ease-in-out;width:100%}.back-to-top{background:#282828;border:none;border-radius:100px;bottom:20px;color:#fff;cursor:pointer;font-size:20px;height:40px;position:fixed;right:50px;width:40px;z-index:2}.back-to-top:hover{background:#1781c2}@media (max-width:450px){.studio243{max-width:100%}.switch-cont{bottom:30%;left:0;left:30%;top:auto}.project-container{grid-template-columns:1fr;width:300px}#root,.project-element{width:100%}}@media (max-width:550px){.studio243{max-width:100%}.switch-cont{bottom:30%;left:0;left:30%;top:auto}.project-container{width:300px}.project-element{width:100%}.project-element-child{height:-webkit-max-content;height:max-content}}@media (max-width:768px){#root{width:80%}}.resume_container{border:2px solid #f0f0f0;color:#000;margin-top:40px;padding:20px 30px;position:relative;width:840px}.contact-info,.resume_container{display:flex;flex-direction:column}.contact-info{align-items:flex-start}.contact-info p{margin:0;padding:0}.contact-container{display:flex;flex-direction:row;justify-content:space-between;width:100%}.link-status{align-items:flex-end;display:flex;flex-direction:column}.link-status a{color:#0f3866;text-decoration:none}.link-status a:hover{font-weight:800}.link-status p{margin:0}.section-container{margin-top:20px}.section-container,.section1,.sectionx p{align-items:flex-start;display:flex;flex-direction:column}.sectionx p{margin-bottom:0}.positionStyle{font-weight:500}.section1 span{font-weight:400}.section2{align-items:flex-end;display:flex;flex-direction:column}.cert p{margin:3.5px}.cert strong{font-weight:600}.section p{margin:0;padding:0}.section{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px;width:100%}.section-bullet{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:0;text-align:justify;width:90%}.section-bullet p{margin:2px 0 2px 2px}.section-title{background-color:#f0f0f0;padding:5px 10px;text-align:left;width:100%}.unit{margin-bottom:0;width:100%}.gauche{padding-right:10px}.okay,.url-repo{color:#000}.url-repo{margin-top:0}.url-repo a{color:#000}.url-to-the-project a{color:#000;margin-bottom:5px}.live-link{font-weight:500;text-decoration:none}.live-link:hover{color:var(--primary)}.topic-container{align-self:flex-start;background:#fff;border:1px solid #c8c8c8;font-family:Montserrat,sans-serif;font-size:10px;height:30px;justify-self:left;margin:2rem;padding:5px 10px}
/*# sourceMappingURL=main.3128ea20.css.map*/