*{box-sizing:border-box;font-family:Poppins,sans-serif;overflow-x:hidden}body{background-image:url(/Portifolio/assets/bbg-DlCZnRUk.png);background-repeat:repeat;background-color:#313131;height:100vh;margin:0}:root{--primary-color: #131313;--secondary-color: #1c1c1c;--tertiary-color: #303030;--quaternary-color: #00FFCC;--quinary-color: #ffffff}.content{display:flex;flex-direction:column;width:70%;margin:20px auto;padding:20px;background-color:var(--secondary-color);border-radius:10px}section{padding:20px 0;width:100%}.home{padding:0 40px}.home-div{display:flex;justify-content:space-between;align-items:center;flex-direction:row;margin-top:20px;padding:0 40px}.infos{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:2px;overflow-x:visible}.infos p{color:var(--quinary-color);font-size:2rem;margin:10px 0}.infos span{color:var(--quaternary-color);font-weight:700;font-size:4rem}.infos h1{color:var(--quinary-color);font-size:1.5rem;margin-bottom:20px}.infos-effect,.profile-effect,.profile2-effect,.about-me-effect,.card-effect,.project-effect,.exp-effect{visibility:hidden}.social{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:20px;font-weight:100}.social h1{color:var(--quinary-color);font-size:1.2rem;margin:0;overflow:hidden}.social .buttons{display:flex;justify-content:center;align-items:center;gap:20px}.social .buttons img{width:30px;height:30px;cursor:pointer;transition:filter .3s ease-in-out}.social .buttons button{position:relative;background:none;border:none;cursor:pointer;padding:0}.email-popup{position:absolute;bottom:50px;right:-100px;background-color:var(--primary-color);border:var(--quaternary-color) 2px solid;border-radius:10px;z-index:999;padding:10px;display:flex;justify-content:center;align-items:center;gap:10px}.email-popup span{color:var(--quinary-color);font-size:1rem;font-weight:700}.copy-button{display:flex;justify-content:center;align-items:center;background-color:var(--primary-color);color:var(--primary-color);border:none;padding:5px;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease}.copy-button:hover{background-color:var(--tertiary-color);color:var(--primary-color);opacity:.8}.copy-button:active{transform:scale(.95);transition:transform .1s ease}.copy-button img{width:20px;height:20px}.social .buttons img:hover{opacity:50%}.profile{margin:20px;border-radius:10px;box-shadow:var(--quaternary-color) 0 0 10px;width:30%}.profile img{width:100%;height:100%}.about-me-div{display:flex;gap:50px;justify-content:space-between;align-items:center;flex-direction:row;height:90%;padding:20px 40px}.profile-about-me{width:30%;min-width:30%;box-shadow:var(--quaternary-color) 0 0 10px;border-radius:10px;height:100%}.about-me-infos{display:flex;justify-content:space-between;flex-direction:column;height:100%;width:70%;overflow:hidden}.about-me-text{display:flex;flex-direction:column;overflow:hidden;height:40%}.about-me-text h1{color:var(--quaternary-color);font-size:2rem;margin:0;overflow:hidden}.about-me-text p{color:var(--quinary-color);font-size:.9rem;margin:10px 0;line-height:1.5;overflow:hidden}.skills{background-color:var(--primary-color);display:flex;flex-direction:column;padding:20px;border-radius:30px}.skills h1{color:#fff;font-size:1.5rem}.skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:10px}.skills-card{background-color:var(--tertiary-color);color:var(--quinary-color);font-size:1rem;border-radius:10px;padding:20px;display:flex;flex-direction:row;align-items:center;gap:15px;min-width:220px;max-width:280px}.skills-card img{width:40px;height:auto}.skills-card span{font-size:1.1rem;font-weight:700}.projects{display:flex;justify-content:center;align-items:center;flex-direction:column}.projects-div{display:flex;justify-content:center;align-items:center;width:100%;padding:40px 20px;gap:30px;flex-wrap:nowrap}.projects-div .card{background-color:var(--tertiary-color);border-radius:10px;padding:20px;width:300px;height:400px;transition:all .5s ease;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative}.projects-div .card.expanded{gap:20px;width:80%;height:400px;margin:30px;align-items:flex-start;padding:30px;z-index:10;display:flex;flex-direction:row}.projects-div .card.expanded .card-header{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px}.projects-div .card.expanded .card-details{overflow-y:auto;max-height:320px;padding:10px;text-align:left;flex:1}.projects-div .card.expanded .card-details a{background-color:var(--secondary-color);color:var(--quaternary-color);text-decoration:none;padding:10px 20px;margin-top:10px;display:inline-block;border-radius:10px;font-size:1rem;font-weight:700}.projects-div .card.expanded .card-details h3{color:var(--quinary-color);font-size:1.5rem;margin:0;overflow:hidden}.card-details p{white-space:pre-line;margin-bottom:20px}.projects-div .card.compressed{width:150px;display:flex;justify-content:center;align-items:center;height:400px;padding:10px;opacity:.6}.projects-div .card.compressed h1{display:none}.card-details.scrollable{max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--quaternary-color) transparent}.card-details.scrollable::-webkit-scrollbar{width:8px}.card-details.scrollable::-webkit-scrollbar-track{background:transparent}.card-details.scrollable::-webkit-scrollbar-thumb{background-color:var(--quaternary-color);border-radius:10px;border:2px solid transparent;background-clip:content-box}.card-header{display:flex;align-items:center;gap:10px}.card-header img{height:60px;border-radius:10px}.card-details{margin-top:15px;color:var(--quinary-color);font-size:.95rem;line-height:1.6;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.projects-div .card div{display:flex;justify-content:center;align-items:center;flex-direction:column}.projects-div .card img{height:80px;border-radius:10px}.projects-div .card h1{color:var(--quaternary-color);margin:10px 0;overflow:hidden;font-size:2rem;height:55px}.projects-div .card h2{color:var(--quinary-color);font-size:1.2rem;line-height:1.5;overflow:hidden}.projects-div .card p{color:var(--quinary-color);font-size:.9rem;line-height:1.5;max-height:120px;overflow:hidden;transition:all .5s ease}.projects-div .card.expanded p{max-height:none;overflow:visible}.projects-div .card:hover{box-shadow:0 0 15px var(--quaternary-color);transform:scale(1.05);cursor:pointer}.projects-div .card .expanded :hover{box-shadow:0 0 15px var(--quaternary-color)}.education{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:20px;width:100%;overflow-x:hidden}.education-div{color:var(--quaternary-color);gap:20px;font-weight:700;font-size:3rem;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;padding:0 80px;width:100%;height:20vh}.education-div:after{content:"";flex-grow:1;height:2px;background-color:var(--quaternary-color)}.table-education{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:20px;gap:20px;padding:20px}.table-row{display:flex;justify-content:center;align-items:stretch;flex-direction:row;gap:50px;flex-wrap:wrap;padding:10px 20px;overflow:hidden}.card-education{background-color:var(--tertiary-color);border-radius:10px;padding:20px;width:450px;min-height:250px;display:flex;flex-direction:column;justify-content:center;text-align:center;transition:all .3s ease;margin:15px;position:relative;overflow:hidden}.card-education:hover{box-shadow:0 0 15px var(--quaternary-color);opacity:.9;transform:scale(1.02);cursor:pointer}.education-info{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:opacity .3s ease-in-out;overflow:hidden;text-align:left}.education-info div{display:flex;justify-content:flex-start;align-items:center;padding:10px 15px;flex-direction:row;gap:20px;width:100%;overflow:hidden}.education-info img{height:30px;width:30px}.education-info h1{color:var(--quinary-color);font-size:1.1rem}.education-default{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:opacity .3s ease-in-out}.education-default img{height:80px;width:80px}.education-default h1{color:var(--quinary-color);font-size:1.5rem;text-align:center;overflow:hidden}.language-switcher{position:fixed;bottom:20px;left:20px;z-index:1000}.lang-btn{display:flex;align-items:center;background-color:var(--primary-color);color:var(--quinary-color);border:none;padding:10px 15px;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease}.lang-btn img{width:20px;height:20px;margin-right:10px}.lang-btn:hover{opacity:50%}.lang-dropdown{position:fixed;bottom:70px;width:110px;background-color:var(--primary-color);border-radius:10px;display:flex;flex-direction:column;box-shadow:0 4px 10px #0003}.lang-dropdown button{background:none;border:none;padding:10px;cursor:pointer;font-size:1rem;color:var(--quinary-color);transition:background .3s ease}.lang-dropdown button:hover{background-color:var(--quaternary-color)}@media screen and (max-width: 1400px){.home-div{width:100%;flex-direction:column}.infos{align-items:center;text-align:center}.profile{width:50%}.about-me-div{flex-direction:column-reverse;width:100%}.about-me-text{align-items:center;text-align:center}.profile-about-me{width:50%}.skills{align-items:center}.skills-list{display:flex;flex-direction:column;align-items:center;width:100%}.skills-card{flex-direction:column;align-items:center;text-align:center;width:100%}.projects-div{width:100%;flex-direction:column}.card{width:100%;height:100%;padding:10px;margin:10px 0;text-align:left;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.card-details{padding:0}.projects-div .card.expanded .card-header h1{font-size:1rem}.projects-div .card.expanded .card-header img{width:5vw;height:auto}.projects-div .card.expanded .card-header h2{font-size:1rem}.projects-div .card.expanded{gap:0;padding:10px 20px}.projects-div .card.expanded ul{padding:0;margin:0}.projects-div .card.expanded li{font-size:.8rem}.projects-div .card.expanded .card-details{text-align:center}.projects-div .card.expanded .card-details a{font-size:1rem}.projects-div{flex-direction:column;align-items:center}.projects-div .card{width:90%}.projects-div .card h1{font-size:1.8rem;padding:0;height:auto}.projects-div .card img{width:10vw;height:auto}.projects-div .card h2{font-size:1.5rem}.projects-div .card p{font-size:.5rem;max-height:100px}.table-row{flex-direction:column;align-items:center}}@media screen and (max-width: 700px){.content{width:90%;padding:10px}.home-div{width:100%;flex-direction:column;gap:0px}.home-div p{font-size:.7rem}.home-div span{font-size:1.3rem}.home-div h1{font-size:.6rem;margin:auto}.social{flex-direction:column;gap:10px}.social h1{font-size:.5rem}.social .buttons img{width:5vw;height:5vh}.infos{align-items:center;text-align:center}.profile{width:30vw}.about-me-div{flex-direction:column-reverse;width:100%;padding:5px 0}.about-me-div img{display:none}.about-me-div h1{font-size:.8rem}.about-me-div p{font-size:.6rem}.about-me-infos{width:100%;padding:0 20px}.about-me-text{align-items:center;text-align:center}.profile-about-me{width:80%}.skills{width:100%;align-items:center;padding:0;border-radius:10px}.skills h1{font-size:.5rem}.skills-list{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px}.skills-card{flex-direction:row;align-items:center;text-align:center;justify-content:center;width:20px;padding:5px 0;min-width:50vw;border-radius:5px}.skills-card img{width:4vw;display:ruby}.skills-card span{font-size:.4rem}.projects-div{width:100%;flex-direction:column}.projects-div .card{width:100%;height:45vh;padding:10px;margin:10px 0;text-align:left;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.projects-div .card.expanded .card-header{display:none!important;visibility:hidden;height:0;width:0;margin:0;padding:0}.card-details{padding:0}.projects-div .card.compressed{height:30vh}.projects-div .card.expanded{gap:0;padding:10px 20px;height:45vh;width:100%}.projects-div .card.expanded ul{padding:0;margin:0}.projects-div .card.expanded li{font-size:.55rem}.projects-div .card.expanded .card-details{text-align:center}.projects-div .card.expanded .card-details h3{font-size:.55rem}.projects-div .card.expanded .card-details a{font-size:.55rem;padding:5px 10px}.projects-div{flex-direction:column;align-items:center}.projects-div .card{width:90%}.projects-div .card h1{font-size:.6rem;padding:0}.projects-div .card img{width:10vw;height:auto}.projects-div .card h2{font-size:.8rem}.projects-div .card p{font-size:.5rem;max-height:100px}.education-div{font-size:1rem;padding:0 20px}.table-education{width:100%}.table-row{flex-direction:column;align-items:center;justify-content:center;width:100%}.education-default{width:100%;flex-direction:column;align-items:center;text-align:center}.card-education{width:100%;min-height:150px;padding:10px;margin:10px 0;text-align:left}.card-education img{height:50px;width:50px}.card-education h1{font-size:.8rem}.education-info{width:100%;flex-direction:column;align-items:center;text-align:flex-start;padding:10px 0}.education-info h1{font-size:.4rem}.education-info img{height:20px;width:20px}.language-switcher{bottom:10px;left:10px}.language-switcher span{font-size:.25rem}.language-switcher img{width:10px;height:10px}.lang-btn{padding:5px;width:15vw;height:5vh}.lang-btn span{font-size:.5rem}.lang-btn img{width:3vw}.lang-dropdown{width:15vw;justify-content:center;align-items:center;bottom:47px;left:10px;height:50px}.lang-dropdown button{padding:5px;width:60px;height:30px;font-size:.5rem}.email-popup{visibility:hidden}}