@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%;max-width:36rem}@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:65%}}@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:1000px){.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{height:100%}.ContactMe__Input input+label{top:2.2rem}.ContactMe__Input label{font-size:1rem;color:#373737}@media screen and (max-width:768px){.ContactMe__Input label{font-size:.9rem}}.ContactMe__Input input,.ContactMe__Input textarea{height:100%;background-color:#fff;font-size:1.1rem;padding:.5rem 1rem;border:1px solid gray;cursor:pointer;border-radius:4px;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{position:relative;width:100%;padding-top:1.5rem}.ContactMe__Input input,.ContactMe__Input textarea{width:100%;background:#f9fafb;border:2px solid #cbd5e1;border-radius:6px;padding:.55rem .75rem;color:#111;font-size:1rem;font-weight:500;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;resize:none}.ContactMe__Input input:focus,.ContactMe__Input textarea:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.15)}.ContactMe__Input input:-webkit-autofill,.ContactMe__Input input:-webkit-autofill:focus,.ContactMe__Input input:-webkit-autofill:hover,.ContactMe__Input textarea:-webkit-autofill,.ContactMe__Input textarea:-webkit-autofill:focus,.ContactMe__Input textarea:-webkit-autofill:hover{-webkit-text-fill-color:#111;-webkit-box-shadow:inset 0 0 0 1000px #f9fafb;transition:background-color 9999s ease-in-out 0s}.ContactMe__Input textarea{min-height:80px}.ContactMe__Input label{position:absolute;left:.65rem;color:#94a3b8;font-size:.72rem;font-weight:700;pointer-events:none;letter-spacing:.08em;text-transform:uppercase;background:#fff;padding:0 .25rem;border-radius:2px;transition:color .15s ease}.ContactMe__Input small{display:block;margin-top:.3rem;font-size:.75rem;color:#ef4444}.contact-card{background:#fff;border-radius:12px;border-top:4px solid #6366f1;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.05),0 20px 40px rgba(0,0,0,.1)}.contact-card__header{background:#6366f1;padding:1.8rem 2rem 1.6rem}.contact-card__header h2{font-size:2.4rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-.03em}.contact-card__header h2 span{color:#a5f3fc}@media screen and (max-width:768px){.contact-card__header h2{font-size:1.9rem}}.contact-card__header p{margin-top:.5rem;color:hsla(0,0%,100%,.85);font-size:.875rem;font-weight:400}.contact-card__body{padding:1.8rem 2rem 1.6rem;display:flex;flex-direction:column;gap:2rem}@media screen and (max-width:768px){.contact-card__body{padding:1.4rem 1.4rem 1.2rem;gap:1.6rem}}.contact-fieldset{display:flex;flex-direction:column;gap:1.2rem;border:none;padding:0;width:100%}.contact-card__socials{display:flex;align-items:center;gap:1rem;padding:1rem 2rem 1.4rem;background:#fafafa;border-top:1px solid #e5e7eb}@media screen and (max-width:600px){.contact-card__socials{flex-wrap:wrap;gap:.8rem;padding:1rem 1.4rem 1.4rem}}.contact-card__socials .contact-reach-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;white-space:nowrap;font-weight:700;flex-shrink:0}.contact-card__socials .contact-divider-line{flex:1;height:1px;background:#e5e7eb}@media screen and (max-width:600px){.contact-card__socials .contact-divider-line{display:none}}.contact-card__socials .Socials__Icons{display:flex;flex-direction:row;gap:.6rem;align-items:center}.contact-card__socials .Socials__Icons a{display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:6px;background:#fff;border:2px solid #e5e7eb;transition:border-color .2s ease,transform .2s ease}.contact-card__socials .Socials__Icons a:hover{border-color:#6366f1;transform:translateY(-2px)}.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%;width:100%;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}