@import url(https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&family=Poppins:wght@200;300;400;500;600&display=swap&family=Playfair+Display:wght@400;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;font-size:16px;font-weight:300;margin:0;padding:0}.light-theme{--main:#333;--secondary:#f9f9f9;--accent:#067a17;--light-grey:#d2d2d2;--background:#fff}.dark-theme{--main:#f9f9f9;--secondary:#333;--accent:#42bd62;--light-grey:#bbb;--background:#000}.main-container{background-color:var(--secondary);color:var(--main);position:relative}main{padding:70px 10%}u{border-bottom:2px solid var(--secondary);font-weight:500;text-decoration:none;transition:all .5s ease-in-out}u:hover{border-color:var(--accent)}a{text-decoration:none}@media screen and (max-width:850px){main{padding:70px 5%}}.nav-selector{color:var(--main);cursor:pointer;padding:7px 20px;transition:background-color .4s ease-in-out}.nav-selector:hover{background-color:var(--light-grey)}.language-select{margin-right:30px}.language-select img{width:20px}.theme-select{-webkit-filter:grayscale(1);filter:grayscale(1)}img.profile-photo{border-radius:100%;height:50px;object-fit:cover;width:50px}header{background-color:var(--background);padding:25px 10%}header nav{align-items:center;display:flex;font-size:16px;font-weight:400}header nav li{margin:0 20px}.nav-all-links{display:flex;justify-content:space-between;width:100%}.nav-anchors{display:flex;list-style-type:none;margin-right:10px;padding:7px 0}.nav-selectors{display:flex}.nav-links a{color:var(--main);text-decoration:none}.nav-burger{cursor:pointer;display:none;height:40px;width:40px}.nav-burger-line{background-color:var(--main);height:3px;width:40px}.nav-burger-one{margin-bottom:12px}.nav-burger-three{margin-top:12px}@media screen and (max-width:850px){header{padding:25px 5%;position:relative}header nav{justify-content:space-between}.nav-all-links{align-items:flex-end;display:none;flex-direction:column}.nav-all-links,.nav-burger-open{position:absolute;right:0;top:100px}.nav-burger-open{display:flex;z-index:1}.nav-anchors,.nav-selectors{background-color:var(--background);flex-direction:column;margin-right:0;padding-right:5vw;text-align:right;width:100%}.nav-links{font-size:18px;width:100%}.nav-anchors{padding:0 5vw 0 0}.nav-selectors{font-size:18px;padding-bottom:30px}.nav-selector{justify-content:flex-end;margin-right:0;padding:0}.nav-selector:hover{background-color:initial}.nav-item{margin-right:0}.nav-burger{display:block}.nav-burger-one,.nav-burger-three{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);-webkit-transform-origin:100%;transform-origin:100%}.nav-burger-one,.nav-burger-one-open,.nav-burger-three{transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.nav-burger-one-open{-webkit-transform:rotate(-45deg) translateY(-9px);transform:rotate(-45deg) translateY(-9px)}.nav-burger-two-open{display:none}.nav-burger-three-open{-webkit-transform:rotate(45deg) translateY(10px);transform:rotate(45deg) translateY(10px);transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}}.social-media-container{bottom:115px;display:flex;flex-direction:column;left:15px;position:fixed}.social-media-container img{height:30px;margin:15px;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:30px}.social-media-container img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.social-media-logo-inverted{-webkit-filter:invert(100%);filter:invert(100%)}@media screen and (max-width:850px){.social-media-container{flex-direction:row;justify-content:center;position:static;width:100%}}footer{border-top:1px solid var(--light-grey);font-size:14px;justify-content:center;margin:40px auto 0;padding:40px 0}.main-home,footer{align-items:center;display:flex;flex-direction:column}.main-home{margin:40px auto}.main-description h1{color:var(--accent);font-size:40px;font-weight:400}.main-description p:nth-child(2){font-family:Playfair Display,serif;font-size:30px}.main-description p:nth-child(3){margin-top:30px}.main-description span{cursor:pointer;display:inline-block}.main-description span:hover{-webkit-animation:bounce .5s ease-in-out;animation:bounce .5s ease-in-out;color:#08a21e}.main-about{align-items:flex-start;display:flex;flex-direction:column;margin:40px auto}.projects{margin:60px 0;position:relative}.section-top-border{border-top:1px solid var(--light-grey);margin-bottom:60px;position:relative;width:60%}.main-section{margin-bottom:30px}.main-section>h2{background-color:var(--secondary);font-family:Playfair Display,serif;font-size:24px;font-weight:600;padding-right:40px;position:relative;top:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.experience-container{display:flex}.experience-selector ul{font-weight:400;list-style-type:none}.experience-selector li{margin:5px 0}.experience-item{font-weight:300}.experience-item-selected{font-weight:500}.experience-item-arrow{color:var(--accent);padding:0 15px;transition:-webkit-transform .5s cubic-bezier(.51,.92,.24,1.15);transition:transform .5s cubic-bezier(.51,.92,.24,1.15);transition:transform .5s cubic-bezier(.51,.92,.24,1.15),-webkit-transform .5s cubic-bezier(.51,.92,.24,1.15)}.experience-selector{cursor:pointer;flex:1 1}.experience-content{flex:4 1;margin-left:50px;min-height:400px}.experience-item-arrow-openclassrooms{-webkit-transform:translateY(5px);transform:translateY(5px)}.experience-item-arrow-drivy{-webkit-transform:translateY(30px);transform:translateY(30px)}.experience-item-arrow-schibsted{-webkit-transform:translateY(60px);transform:translateY(60px)}.experience-item-arrow-leboncoin{-webkit-transform:translateY(90px);transform:translateY(90px)}.resume-download{border:1px solid var(--accent);padding:10px 35px;text-decoration:none}.about-container{display:flex}.about-photo img{height:200px;object-fit:cover;position:absolute;right:20px;top:20px;width:200px}.about-photo{margin-left:60px;position:relative}.about-photo-background{background-color:var(--main);height:200px;width:200px}.about-content{margin:10px 0}.about-content p{margin:15px 0}.about-content-likes-block{display:flex;justify-content:space-between;margin:40px 0 0}.about-content-like{background-color:var(--background);padding:30px 15px;position:relative;width:45%}.about-content-like ul{list-style-type:none}.about-content-like ul>p{font-family:Playfair Display,serif;font-size:20px;font-weight:700;position:absolute;top:-30px}.about-content-like:nth-child(2){-webkit-filter:grayscale(1);filter:grayscale(1)}.contact-cta{align-items:center;background-color:initial;border:1px solid var(--accent);color:var(--accent);cursor:pointer;display:flex;font-family:Playfair Display,serif;font-size:16px;margin-top:40px;padding:10px 35px;text-decoration:none}.button:hover,.contact-cta{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button:hover{background-color:var(--accent);transition:all .5s ease-in-out}.button:hover a{color:var(--secondary)}.button:hover+.resume-download img{-webkit-filter:brightness(1) grayscale(1);filter:brightness(1) grayscale(1)}.button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button a{color:var(--accent);font-family:Playfair Display,serif}.resume-download{background-color:initial;font-size:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce{0%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:850px){.about-photo-background{display:none}.about-container{align-items:center;flex-direction:column-reverse}.about-photo img{position:static}.experience-container{flex-direction:column}.experience-item-arrow{display:none}.experience-item-selected{border-bottom:3px solid var(--accent);padding-bottom:5px}.experience-selector ul{display:flex;flex-direction:row;font-size:14px;justify-content:space-between;margin-bottom:40px}.experience-content{margin-left:0}.about-content-likes-block{flex-direction:column}.about-content-like{margin:20px 0;width:100%}}.project-card{display:flex;margin:30px 0;width:100%}.project-card-reversed{flex-direction:row-reverse}.project-see-more{color:var(--accent);cursor:pointer;font-weight:500;margin-top:20px}.project-text{background-color:var(--background);display:flex;flex-direction:column;justify-content:space-between;padding:25px;width:70%}.project-text h3{color:var(--accent)}.project-text p{font-size:16px;margin-top:5px}.project-card img{-webkit-filter:grayscale(1);filter:grayscale(1);height:250px;object-fit:cover;transition:-webkit-filter .4s ease-in-out;transition:filter .4s ease-in-out;transition:filter .4s ease-in-out,-webkit-filter .4s ease-in-out;width:400px}.project-card img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.project-tags ul{display:flex;list-style-type:none;margin-top:20px}.project-tags ul li{font-family:Playfair Display,serif;font-size:16px;margin-right:20px}.project-tags a{color:var(--main);text-decoration:none}img.project-github{height:25px;margin-left:30px;width:25px}img.project-github-inverted{-webkit-filter:invert(100%);filter:invert(100%)}img.project-github:hover{-webkit-filter:invert(31%) sepia(97%) saturate(535%) hue-rotate(79deg) brightness(94%) contrast(105%);filter:invert(31%) sepia(97%) saturate(535%) hue-rotate(79deg) brightness(94%) contrast(105%)}img.project-github-inverted:hover{-webkit-filter:invert(60%) sepia(12%) saturate(2049%) hue-rotate(83deg) brightness(102%) contrast(88%);filter:invert(60%) sepia(12%) saturate(2049%) hue-rotate(83deg) brightness(102%) contrast(88%)}.material-symbols-outlined:hover{color:var(--accent)}@media screen and (max-width:850px){.project-card{flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:40px;position:relative}.project-card>img{height:100%;opacity:.1;position:absolute;top:0;width:100%}.project-text{background:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;z-index:1}.project-name-desc{margin-bottom:50px}}.experience-content-item ul{margin:30px 0 30px 40px}.experience-content-item{display:block}.experience-content-item-hidden{display:none}.experience-item-tasks>h2{font-family:Playfair Display,serif;font-size:16px;font-weight:400}.experience-item-tasks>h1{color:var(--accent);font-family:Playfair Display,serif;font-size:22px;font-weight:400}.experience-item-task{font-size:16px;font-weight:300}.popup-container{align-items:center;background:#00000050;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2}.popup-box{background-color:var(--background);display:flex;flex-direction:column;height:90vh;overflow:scroll;padding:35px;width:70%}.popup-close{align-self:flex-end;cursor:pointer;margin-bottom:20px}.popup-close img{height:30px;width:30px}.popup-heading{align-items:center;display:flex;justify-content:space-between;padding:15px 0}.popup-heading h2{color:var(--accent)}.popup-heading-stack{display:flex;list-style-type:none}.popup-heading-stack img{border:1px solid var(--light-grey);border-radius:50px;height:50px;margin-left:20px;padding:5px;width:50px}.projects-details-images{display:flex;justify-content:space-between;margin:30px 0}.projects-details-images img{height:220px;object-fit:cover;width:47%}.projects-details-main{background-color:var(--secondary);padding:30px}.projects-details-main h3{font-size:18px;margin-bottom:20px}.projects-details-main ul{margin:0;padding-left:30px}@media screen and (max-width:850px){.popup-box{width:90%}.popup-heading{flex-direction:column}.popup-heading-stack{margin-top:20px}.projects-details-images{flex-direction:column}.projects-details-images img{width:100%}.projects-details-images img:first-child{margin-bottom:20px}.popup-heading-stack img{height:40px;width:40px}}
/*# sourceMappingURL=main.a708d7dd.css.map*/