@import"https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap";.FirstSectionHtml{position:relative}.FirstSectionHtml__Header{position:absolute;top:15%;left:2%;display:flex;flex-direction:row;gap:.3rem;line-height:1.3}@media screen and (max-width:768px){.FirstSectionHtml__Header{top:10%;left:2%;display:flex;flex-direction:row;gap:.3rem;position:relative}}.FirstSectionHeader__main{font-size:2.6rem;min-height:max-content;font-family:Roboto,sans-serif;color:#fff;max-width:80%;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width:768px){.FirstSectionHeader__main{font-size:2rem;max-width:90%}}.FirstSectionHeader__main .colorful{color:#e4572e;font-weight:700;white-space:pre-wrap}.FirstSectionHeader__main span{display:inline-block;white-space:pre}.FirstSectionHeader__line{display:flex;flex-direction:column;align-items:center}.FirstSectionHeader__line :first-child{background-color:#fca311;height:14px;width:14px;border-radius:50px}.FirstSectionHeader__line :nth-child(2){background-color:#fca311;height:320px;width:2px;border-radius:50px;transform:translateY(-4px);transform-origin:top}.FirstSectionHeader__Typed{color:#fffae2!important;font-size:2.5rem;font-weight:600!important;font-family:Tinos,serif}@media screen and (max-width:768px){.FirstSectionHeader__Typed{font-size:2rem;max-width:90%}}.MainContactContainer{width:40%}@media screen and (max-width:1240px)and (min-width:1001px){.MainContactContainer{width:50%}}@media screen and (max-width:1000px)and (min-width:600px){.MainContactContainer{width:60%}}@media screen and (max-width:600px){.MainContactContainer{width:100%}}.ContactMe__wrapper{width:40%;height:fit-content;background-color:#fefcfd;box-shadow:0 5px 15px rgba(0,0,0,.35);border-radius:20px}.ContactMe{width:80%;margin-inline:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}@media screen and (max-width:768px){.ContactMe{width:90%}}.ContactMe form{display:flex;flex-direction:column;gap:2rem}.ContactMe form :first-child{display:flex;flex-direction:column;gap:1rem}@media screen and (max-width:768px){.ContactMe form :first-child{flex-direction:column;gap:.5rem}}.ContactMe form legend{font-size:1.5rem;font-weight:800;align-self:center;color:#2e3138;display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center;gap:1rem}@media screen and (max-width:768px){.ContactMe form legend{text-align:center;font-size:1.3rem}}.ContactMe form fieldset{display:flex;flex-direction:column;gap:1.6rem;justify-content:center;align-items:center;max-width:100%}.ContactMe__Input{position:relative;width:100%;height:100%}.ContactMe__Input input+label{top:-5%}.ContactMe__Input label{font-size:1rem;font-weight:700;color:#373737;position:absolute;left:.5rem}@media screen and (max-width:768px){.ContactMe__Input label{font-size:.9rem}}.ContactMe__Input input,.ContactMe__Input textarea{height:100%;width:100%;background-color:#fff;font-size:1.1rem;padding:.5rem 1rem;border:1px solid gray;cursor:pointer;border-radius:4px;font-weight:500;color:#373737}.ContactMe__MainContent{display:flex;flex-direction:column;gap:1rem}.ContactMe__Socials{gap:.2rem;justify-content:center}.ContactMe__Socials,.ContactMe__Socials h4{display:flex;flex-direction:column;align-items:center}.ContactMe__Socials h4{font-weight:800;color:#2e3138;gap:.1rem}.ContactMe__Socials h4 span:first-of-type{font-size:1.6rem;color:#083d77}.Socials__Content{display:flex;flex-direction:row;gap:1.2rem;align-items:center}.Socials__Content svg{font-size:1.8rem;color:#3c4f76;cursor:pointer}@media screen and (max-width:768px){.Socials__Content svg{font-size:1.8rem}}.Socials__Content span{color:#da4167;font-size:1.2rem;font-weight:800}@media screen and (max-width:768px){.Socials__Content span{font-size:1rem}.Socials__Content{display:flex;flex-direction:column;margin-inline:auto;gap:.5rem}}.Socials__Icons{display:flex;flex-direction:row;gap:1.2rem;align-items:center}.ContactMe__Input div:last-of-type{display:flex;flex-direction:column;gap:.2rem}.SecondSectionHtml{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(6,1fr);row-gap:3rem}.SecondSectionHtml__Header{font-size:3.5rem;color:#fff;font-family:Roboto,sans-serif;font-weight:900;grid-column-start:2;grid-column-end:6;grid-row-start:1;grid-row-end:2;z-index:1}.SecondSectionHtml__Skills{grid-column-start:1;grid-column-end:10;grid-row-start:2;grid-row-end:5;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;z-index:1;overflow-x:clip}.SkillElement{position:relative;padding:.3rem .6rem;border-radius:14px;background-color:#fff;z-index:2;cursor:pointer}.SkillElement:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;scale:0 1;transform-origin:bottom;background-color:#f87171;border-radius:14px;z-index:-1}.SkillElement:hover:before{transition:1s;scale:1 1}.SkillElement:hover .SkillElement__Icon,.SkillElement:hover .SkillElement__Name{color:#fff;transition-duration:.3s;transition-delay:.2ms}.SkillElement__Main{display:flex;flex-direction:row;justify-items:center;align-items:center;gap:.5rem}.SkillElement__Icon{color:#1e40af;font-size:1.6rem}.SkillElement__Name{color:#111827}.SecondSection__Header,.SkillElement__Name{font-family:Roboto,sans-serif;font-weight:900}.SecondSection__Header{font-size:3.5rem;color:#fff;width:80%;margin-inline:auto}@media screen and (max-width:768px){.SecondSection__Header{font-size:2.8rem;width:90%;margin-inline:auto}}.SecondSection__Header div{z-index:2;position:relative}@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap";.InfitieSkillElement{font-size:2.4rem;font-weight:700;width:fit-content;padding:.15rem 1.5rem;white-space:nowrap;cursor:pointer;text-align:center;position:relative;font-family:Bebas Neue}@media screen and (max-width:768px){.InfitieSkillElement{font-size:1.6rem;padding:.2rem .7rem}}.InfitieSkillElement:before{content:"";display:block;position:absolute;top:0;left:0;background-color:#000;width:0;height:100%;transition-duration:.5s}.InfitieSkillElement:hover:before{width:100%;background-color:rgba(0,0,0,.6);z-index:-1;transform-origin:left center}.LoadingPage{height:100%;width:2000px;z-index:100;overflow:hidden;position:fixed;top:0;left:0;color:#fff;overflow-y:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:3rem;font-weight:800;font-family:Roboto}.About{display:grid;height:fit-content;grid-template-columns:repeat(8,1fr);z-index:1;position:relative;place-content:center;width:90%;margin-inline:auto}@media screen and (max-width:768px){.About{display:flex;flex-direction:column;gap:4rem;justify-items:center;align-items:center;margin-top:5rem}}.About__Content{display:flex;flex-direction:column;gap:1rem;grid-column-start:1;grid-column-end:7}.About__Header{font-size:2.4rem;font-weight:900;color:#fffdf7;letter-spacing:2px;z-index:1}@media screen and (max-width:768px){.About__Header{font-size:1.6rem}}.About__Portrait{grid-column-start:7;grid-column-end:9;transition-duration:.5s;position:relative}.About__Portrait div:before{content:"";display:block;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.1);width:0;height:100%;transition-duration:.5s}.About__Portrait:hover{transform:skew(1deg) scale(1.02)}.About__Portrait:hover div:before{animation:ImageAnimation 1s forwards}.About__Info{font-weight:500;color:#eaf2e3;font-size:1.2rem;width:80%}@media screen and (max-width:768px){.About__Info{font-size:1rem;width:100%}}@keyframes ImageAnimation{0%{width:10%}to{width:100%}}.ThirdSectionHtml{position:relative;background-color:rgba(0,0,0,.1);width:108%;margin-top:10rem;transform:translateX(-4%)}.ThirdSectionHtml__Content{position:sticky;display:flex;flex-direction:row;overflow:hidden;top:10%}.ThirdSectionCard{border:2px solid rgba(0,0,0,.3);border-radius:5px;width:98vw;height:90svh;overflow:hidden;transition-duration:.3s;display:flex;flex-direction:column;gap:2rem;position:relative}@media screen and (max-width:768px){.ThirdSectionCard{height:85svh;width:98vw}}.ThirdSectionCard__Image{position:relative}.ThirdSectionCard__Image,.ThirdSectionCard__Image img{overflow:hidden;transition-duration:.3s;width:100%;height:100%}@media screen and (max-width:768px){.ThirdSectionCard__Image img{height:70%}}.ThirdSectionCard__Image span{position:absolute;bottom:0;left:50%;right:50%;transform:translate(-50%,-50%);color:#fff;padding:.5rem 1rem;font-size:1.2rem;font-weight:700;width:max-content;height:fit-content;text-align:center;background-color:#222;border-radius:10px}.ThirdSectionCard__Text{display:flex;flex-direction:column;gap:1.2rem;position:absolute;bottom:0;padding:2rem 1rem;height:40%;background-color:rgba(0,0,0,.9)}@media screen and (max-width:768px){.ThirdSectionCard__Text{padding:1rem .5rem;height:60%}}.ThirdSectionCardText__Headers{display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width:768px){.ThirdSectionCardText__Headers{flex-direction:column;gap:1rem}}.ThirdSectionCardText__Headers h4{font-size:1.8rem;font-weight:700;color:#f7934c}@media screen and (max-width:768px){.ThirdSectionCardText__Headers h4{font-size:1.2rem}}.ThirdSectionCardText__Buttons{display:flex;flex-direction:row;align-self:flex-end;gap:1rem}@media screen and (max-width:768px){.ThirdSectionCardText__Buttons{gap:.5rem}}.ThirdSectionCardText__Buttons .info{background-color:#dc2626!important}.ThirdSectionCardText__Buttons a{background-color:#f7934c;color:#fff;border:none;padding:.4rem .6rem;border-radius:1px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s}@media screen and (max-width:768px){.ThirdSectionCardText__Buttons a{padding:.4rem .5rem;font-size:1rem}}.ThirdSectionCardText__Buttons a:hover{background-color:#f7934c;color:#fff;transform:translateY(-.3rem)}.ThirdSectionCardText__Info{font-size:1rem;color:#fff;font-weight:500;max-width:70%}@media screen and (max-width:768px){.ThirdSectionCardText__Info{max-width:100%;font-size:.85rem}}.hamburger{display:flex;flex-direction:column;justify-content:space-around;background:transparent;border:none;cursor:pointer;padding:0;z-index:100;position:relative;width:45px;height:fit-content;gap:.4rem;list-style:none}@media screen and (min-width:768px){.hamburger{gap:.4rem}}.hamburger:focus{outline:none}.hamburger li{height:6px;width:45px;border-radius:15px;background-color:#f1ffe7;transition:all .3s}.hamburger li:nth-child(2){width:35px}.hamburger:hover li:first-child,.hamburger:hover li:nth-child(3){width:30px}.hamburger--active:hover li:first-child,.hamburger--active:hover li:nth-child(2),.hamburger--active:hover li:nth-child(3),.hamburger:hover li:nth-child(2){width:45px}.hamburger--active li:first-child{transform:rotate(45deg) translateY(8px) translateX(10px);width:40px}.hamburger--active li:nth-child(2){transform:rotate(-45deg);width:40px}.hamburger--active li:nth-child(3){transform:rotate(-45deg) translateY(-10px) translateX(10px);opacity:0}