@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Inter:wght@100..900&display=swap";#header{width:100%;display:flex;position:fixed;z-index:1;padding:var(--mg-padding-s) var(--mg-padding-m);justify-content:space-between;align-items:center}#header>div:first-of-type{display:flex;width:50%;justify-content:left;gap:var(--mg-gap01);align-items:center}@media (max-width: 500px){#header{padding:var(--mg-padding-xs) var(--mg-padding-s)}}@media (max-height: 800){#header{padding:8px 16px}}select{background-color:var(--mg-color02);color:var(--mg-color01);border-radius:var(--mg-borderradius-button);border:none;padding:var(--mg-padding-xs);cursor:pointer}@media (max-width: 500px){select{padding:5px;font-size:12px}}.logo{background-color:transparent}.logo>img{width:30px}@media (max-width: 500px){.logo>img{width:20px}}.menuMobile{display:none;width:90%;position:fixed;bottom:16px;transform:translate(-50%);left:50%;background-image:linear-gradient(to right,var(--mg-colorStartB),var(--mg-colorStartA));border-radius:var(--mg-borderradius-div)}.menuMobile>button{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;color:var(--mg-color01)}.menuMobile>button:hover{background-color:var(--mg-colorStartA)}.active{background-color:var(--mg-colorStartA);border:1px solid white}.menuMobile>button>img{width:20px}@media (max-width: 1150px){.menuMobile{display:flex;justify-content:space-evenly}}main{display:flex;height:100svh}.mySection{width:60%;height:100svh;background-image:linear-gradient(to bottom,var(--mg-colorSectionA),var(--mg-colorSectionB));display:flex;flex-direction:column;align-items:center}.mySection>h2{width:100%;text-align:center;background-color:var(--mg-color01);font-weight:600;margin-top:80px}.mySection>h3{width:100%;text-align:center;background-color:var(--mg-color08);font-weight:300;font-size:15px;color:#fff;height:30px;line-height:30px}@media (max-width: 1150px){.mySection{width:100%}}@media (max-height: 800px) or (max-width: 500px){.mySection>h2{margin-top:60px}}#contactMe{width:40%;height:300px;margin-top:35svh;margin-left:var(--mg-margin-m);padding:var(--mg-padding-m);display:flex;flex-direction:column;gap:5px}#contactMe>button{margin-top:var(--mg-margin-m);width:100px;font-size:var(--mg-fontsize-button);background-color:var(--mg-color06);color:#fff}.workColor{color:var(--mg-color07)}@media (max-width: 1150px){#contactMe{width:70%;padding:var(--mg-padding-s)}#contactMe>h1{font-size:40px}#contactMe>h3,#contactMe>h4{font-size:15px}}.bgContactme{position:absolute;width:100%;height:100%;background-color:var(--mg-color01alpha);opacity:1;transition:.5s}.contactme{position:absolute;max-width:400px;width:80%;height:290px;display:flex;flex-direction:column;gap:var(--mg-gap01);padding:var(--mg-padding-m);background-color:var(--mg-color01);border-radius:var(--mg-borderradius-div);box-shadow:0 0 25px -4px gray;transform:translate(-50%,-50%);left:50%;top:50%}.contactme>h3{color:var(--mg-color06);text-align:center;font-weight:700}.contactme>div:first-of-type{display:flex;justify-content:center;align-items:center;gap:10px;padding:var(--mg-padding-xs);border-radius:20px;border:1px solid var(--mg-color02)}.contactme>div>img{width:20px}.contactme>div:last-of-type{display:flex;justify-content:center;gap:var(--mg-gap01)}.contactme>div:last-of-type>a{height:60px;display:flex;justify-content:center;align-items:center;border:1px solid var(--mg-color02);background-color:var(--mg-color01);transition:all .3s}.contactme>div:last-of-type>a:hover{transform:scale(1.2)}.contactme>div>a>img{width:50px}.mail>a{border:none;background-color:var(--mg-color01)}.close{position:absolute;right:20px;top:20px;border-radius:50%;background-color:var(--mg-color02);padding:5px}.close>img{width:20px;display:block}.closeX{opacity:0}@media (max-width: 450px){.contactme{padding:var(--mg-padding-s);font-size:12px}}#aboutMe{position:relative}#aboutMe>img{width:20%;min-width:100px;max-width:200px;height:auto;aspect-ratio:1;position:absolute;transform:translateY(-50%);left:75px;top:120px}#aboutMe>div{height:70%;display:flex;align-items:center;padding:var(--mg-padding-m) 0;margin-top:var(--mg-margin-m)}#aboutMe>div>div{width:80%;height:100%;margin:auto;background-color:var(--mg-BGcolorIntSection);padding:var(--mg-padding-m);border-radius:var(--mg-borderradius-div);overflow:auto}#aboutMe>div>div>p{color:var(--mg-color02);font-size:15px;font-weight:200}@media (max-width: 1150px){#aboutMe>img{left:15%;top:110px}}@media (max-height: 1000px) and (max-width: 1150px){#aboutMe>div{margin-top:10px}}@media (max-width: 750px){#aboutMe>h2{font-size:20px}#aboutMe>h3{font-size:13px}#aboutMe>div>div>p{font-size:12px}}@media (max-width: 450px){#aboutMe>img{left:5%}#aboutMe>div>div{padding:var(--mg-padding-s)}}.animIn{animation:In .5s ease-in 0s 1 normal forwards}.animOut{animation:Out .5s ease-out 0s 1 normal forwards}.animOutNoTransl{animation:OutNoTranslate .5s ease-out 0s 1 normal forwards}@keyframes In{0%{opacity:0}to{opacity:1}}@keyframes Out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50px)}}@keyframes OutNoTranslate{0%{opacity:1}to{opacity:0}}#menuSection{width:60%;display:flex;justify-content:center;align-items:center;margin:var(--mg-margin-m)}.menu{position:relative;display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);width:min(100%,600px);height:auto;aspect-ratio:1;justify-items:center;align-items:center;gap:50px 50px}.menu * img{width:25px;margin-bottom:10px}.menu h3{color:var(--mg-color01);font-size:16px}.menu>button:not(button.aboutMe){width:90%;height:90%;border-radius:var(--mg-borderradius-menu);z-index:1;background-image:linear-gradient(to bottom,var(--mg-colorStartB),var(--mg-colorStartA));transition:all .3s ease-in-out}.menu>button:hover{transform:scale(1.2)}.menu>button.aboutMe{width:35%;height:auto;aspect-ratio:1;position:absolute;z-index:0;background-color:var(--mg-colorStartB);border-radius:var(--mg-borderradius-menu);transition:all .3s ease-in-out}.menu>button.aboutMe:hover{width:100%}@media (max-width: 1150px){#menuSection{display:none}}.backHome{width:30px;height:30px;padding:0;border-radius:50%;margin-top:50px;background-color:var(--mg-BGcolorIntSection);display:block;transition:all .3s}.backHome:hover{transform:scale(1.1);background-color:var(--mg-color01)}.backHome>img{width:20px;display:block;margin:auto}@media (max-width: 1150px){.backHome{display:none}}#education{position:relative}#education>div{height:70%;display:flex;align-items:center;justify-content:center}#education>div>article{display:flex;gap:var(--mg-gap01);width:80%;height:80%;background-color:var(--mg-BGcolorIntSection);border-radius:var(--mg-borderradius-div);padding:var(--mg-padding-m) 0;position:relative}.school{height:80%;display:flex;flex-direction:column;border-left:3px solid var(--mg-color03)}.school>button{max-width:210px;min-width:145px;border-radius:0}.school>button:not(.school>button.schoolSelected){border-radius:0;background-color:transparent;color:var(--mg-color02)}.school>button:hover{background-color:var(--mg-color04);border-left:3px solid var(--mg-color02);color:var(--mg-color02)}.schoolSelected{background-color:var(--mg-color01);border-left:3px solid var(--mg-color02);color:var(--mg-color02)}.descriptSchool{width:55%;height:80%;color:var(--mg-color02)}.descriptSchool>h4{color:var(--mg-color01);font-weight:500;margin-top:var(--mg-margin-l);margin-bottom:10px;background-color:var(--mg-color08);padding-left:5px;font-size:16px}.descriptSchool>p:first-of-type{font-weight:400;margin-bottom:var(--mg-margin-m);padding-left:5px;font-size:14px}.descriptSchool>p{font-size:13px;text-align:justify;font-weight:200}.date{position:absolute;top:40px;right:0;padding:5px var(--mg-padding-m) 5px var(--mg-padding-s);font-weight:100;font-size:12px}@media (max-width: 700px){#education>div>article{flex-direction:column;align-items:center;justify-content:start;padding:var(--mg-padding-s) 0}.school{height:auto;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.school>button{font-size:12px;max-width:150px;min-width:130px;border-radius:0;padding:5px}.date{position:static;width:100%;text-align:center;margin-top:var(--mg-margin-m)}.descriptSchool{width:80%}.descriptSchool>h4{margin-top:0;font-size:14px}.descriptSchool>p:first-of-type{margin-bottom:var(--mg-margin-s);font-size:13px}.descriptSchool>p{font-size:12px}}@media (max-width: 500px){#education>h2{font-size:30px}#education>h3{font-size:14px}}@media (max-height: 800px){#education>div>article{height:fit-content}.date{margin-top:10px}#education>div{height:100%;display:flex;justify-content:center;align-items:center;overflow:auto;height:fit-content!important;margin-top:30px}#education>div::-webkit-scrollbar{width:10px}#education>div::-webkit-scrollbar-thumb{background-color:#fffc;border-radius:30px}#education>div::-webkit-scrollbar-thumb:hover{background-color:#fff}#education>div::-webkit-scrollbar-track{background:#fff3}}#experience{position:relative}#experience>div{height:70%;display:flex;align-items:center;justify-content:center}#experience>div>article{display:flex;justify-content:space-between;gap:var(--mg-gap01);width:80%;background-color:var(--mg-BGcolorIntSection);border-radius:var(--mg-borderradius-div);padding:var(--mg-padding-m) 0}.company{height:80%;display:flex;flex-direction:column;border-left:3px solid var(--mg-color03)}.company>button{max-width:150px;min-width:115px;border-radius:0}.company>button:not(.company>button.companySelected){max-width:200px;min-width:150px;border-radius:0;background-color:transparent;color:var(--mg-color01)}.company>button:hover{background-color:var(--mg-color01);border-left:3px solid var(--mg-color02);color:var(--mg-color02)}.companySelected{background-color:var(--mg-color01);border-left:3px solid var(--mg-color02);color:var(--mg-color02)}.description{width:60%;color:var(--mg-color02);margin-right:var(--mg-margin-l)}.description>h4{font-weight:600;color:var(--mg-color02);background-color:var(--mg-color04);text-align:center;margin-bottom:10px;font-size:17px;padding:10px}.description>p:first-of-type{font-weight:100;margin-bottom:var(--mg-margin-s);text-align:center;margin-bottom:var(--mg-margin-m)}.description>p{font-size:14px;text-align:justify;font-weight:200}@media (max-width: 700px){#experience>div>article{flex-direction:column;align-items:center;justify-content:start;padding:var(--mg-padding-s) 0}.company{height:auto;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.company>button{font-size:12px;max-width:150px;min-width:130px;border-radius:0;padding:5px}.description{width:80%;margin:0}.description>h4{margin-top:0;font-size:14px}.description>p:first-of-type{margin-bottom:var(--mg-margin-s);font-size:12px}.description>p{font-size:12px}}@media (max-width: 500px){#experience>h2{font-size:30px}#experience>h3{font-size:14px}}.navAll{width:70%;display:flex;flex-direction:column;align-items:center;position:fixed;transform:translate(-50%,-50%);left:50%;top:50%;gap:30px}.navAll>button{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mg-color01);background-image:linear-gradient(to right,var(--mg-colorStartB),var(--mg-colorStartA));border-radius:var(--mg-borderradius-div);padding:var(--mg-padding-s)}.navAll>button>img{width:20px}#projects{position:relative}#projects>div{width:90%;height:70%;display:flex;flex-direction:column;justify-content:center;align-items:center}.contArticles{height:90%;width:100%;padding-top:20px;padding-bottom:30px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;overflow-y:scroll}.contArticles::-webkit-scrollbar{width:10px}.contArticles::-webkit-scrollbar-thumb{background-color:#fffc;border-radius:30px}.contArticles::-webkit-scrollbar-thumb:hover{background-color:#fff}.contArticles::-webkit-scrollbar-track{background:#fff3}.project{width:300px;height:100%;min-height:400px;max-height:550px;display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--mg-borderradius-div);background-color:var(--mg-color08alpha);color:var(--mg-color01);padding:var(--mg-padding-s);gap:5px;transition:all .5s}.project:hover{transform:scale(1.02);background-color:var(--mg-color01);color:var(--mg-color02)}.project>img{border-radius:15px;height:170px}.project>h3{font-size:16px;font-weight:600}.project p{font-size:12px}.codes{display:flex;justify-content:space-evenly;margin-top:10px}.project>div:last-of-type{display:flex;padding:15px;justify-content:space-between}.project>div:last-of-type>a{transition:all .2s;font-size:14px}.project>div:last-of-type>a:hover{background-color:var(--mg-color08alpha);color:var(--mg-color01)}@media (max-width: 1150px){#projects>div{width:100%;height:80%}}@media (max-width: 500px){#projects>h2{font-size:20px}#projects>h3{font-size:14px}#projects>div{width:100%;height:80%}.contArticles{height:auto;padding-top:16px;padding-bottom:30px;gap:30px}}#skills{position:relative}#skills img:not(button.backHome>img){width:60px;filter:drop-shadow(0px 5px 5px rgba(0,0,0,.2));transition:all .3s}#skills img:not(button.backHome>img):hover{transform:scale(1.2)}#skills>div{width:80%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;margin-top:var(--mg-margin-s)}#skills>div>div{width:100%;border-radius:var(--mg-borderradius-div);background-color:var(--mg-BGcolorIntSection);color:#fff;padding:var(--mg-padding-m);padding-top:var(--mg-padding-s)}#skills>div>div:last-of-type{margin-bottom:var(--mg-margin-m)}#skills>div>div>h4{font-weight:200;text-align:center;margin-bottom:var(--mg-margin-m);color:var(--mg-color02)}#skills>div>div>div{display:flex;justify-content:space-evenly;gap:10px}#skills>.Development{width:80%}@media (max-width: 1150px){#skills>div{height:70%}}@media (max-height: 880px){#skills>div{gap:20px;margin-top:var(--mg-margin-xs)}#skills>div>div{padding:var(--mg-padding-s);padding-top:var(--mg-padding-xs)}}@media (max-width: 500px){#skills>h2{font-size:30px}#skills>h3{font-size:14px}}.palette>img{width:30px}.palette{padding:var(--mg-padding-xs);background-color:transparent}.start{position:absolute;width:100%;height:100svh;background-image:linear-gradient(to bottom,var(--mg-colorStartA),var(--mg-colorStartB));display:flex;flex-direction:column;z-index:10;animation:opacity .7s 1.5s forwards}.start>img{margin:auto;width:100px;animation:logoStart .5s cubic-bezier(.6,-1,.735,.045) 1s both}.start>div{height:35%;margin:auto;border:1px solid white}@keyframes logoStart{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}@keyframes opacity{0%{opacity:1}to{opacity:0}}:root{--mg-color01: #fefefe;--mg-color01alpha: rgba(255, 255, 255, .8);--mg-color02: #200f1b;--mg-colorStartA: rgb(254, 149, 50);--mg-colorStartB: rgb(251, 87, 120);--mg-colorSectionA: rgba(254, 149, 50, .7);--mg-colorSectionB: rgba(251, 87, 120, .7);--mg-color04: #ffeffc;--mg-color06: #ff547e;--mg-color07: #4b1a72;--mg-color08: #c95a70;--mg-color08alpha: rgba(201, 90, 112, .7);--mg-BGcolor01: var(--mg-color01);--mg-BGcolor02: var(--mg-color02);--mg-BGcolorIntSection: rgba(255, 255, 255, .5);--mg-BGcolorIntSection02: rgba(0, 0, 0, .2);--mg-Textcolor01: var(--mg-color02);--mg-Textcolor02: var(--mg-color01);--mg-Textcolor03: var(--mg-color04);--mg-Textcolor04: var(--mg-color05);--mg-fontsize-menu: 14px;--mg-fonsize-title: 50px;--mg-fontsize-title02: 20px;--mg-fontsize-button: 12px;--mg-gap01: 30px;--mg-padding-xs: 10px;--mg-padding-s: 20px;--mg-padding-m: 40px;--mg-padding-l: 70px;--mg-margin-s: 20px;--mg-margin-m: 30px;--mg-margin-l: 50px;--mg-margin-xl: 70px;--mg-borderradius-button: 10px;--mg-borderradius-div: 20px;--mg-borderradius-menu: 50px}*{font-family:Figtree,sans-serif;text-decoration:none;margin:0;padding:0;list-style:none;box-sizing:border-box}a{color:var(--mg-color02)}button,a{background-color:var(--mg-color04);border-radius:var(--mg-borderradius-button);border:none;padding:var(--mg-padding-xs);cursor:pointer}h1{font-size:50px;font-weight:500;color:var(--mg-BGcolor02)}h2{font-size:40px}h3,h4{font-size:20px;font-weight:400}footer{width:100%;position:fixed;bottom:20px;left:50px;font-size:10px}@media (max-width: 1150px){footer{left:0;text-align:center;font-size:8px}}@media (max-width: 500px){footer{bottom:3px}}