@import"https://fonts.googleapis.com/css2?family=Anton&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";:root{--font-headings: "Anton", sans-serif;--font-p: "Lato", sans-serif;--margin-xxs: 5px;--margin-xs: 10px;--margin-s: 20px;--margin-m: 40px;--margin-l: 60px;--margin-xl: 80px;--margin-xxl: 100px;--padding-xxs: 5px;--padding-xs: 10px;--padding-s: 20px;--padding-m: 40px;--padding-l: 60px;--padding-xl: 80px;--padding-xxl: 100px;--gap-xxs: 5px;--gap-xs: 10px;--gap-s: 20px;--gap-m: 40px;--gap-l: 60px;--gap-xl: 80px;--gap-xxl: 100px;--bg-color-1: #0b0b0f;--bg-color-2: #111827;--color-dark: #0b0b0f;--color-dark-secondary: #111827;--color-light: #ffffff;--color-light-secondary: #d1d5f0;--color-primary: #ff4f8b;--color-secondary: #ff7a63;--color-accent: #ffc266}:root[data-theme=light]{--bg-color-1: #ffffff;--bg-color-2: #f3f4f6;--color-dark: #0f172a;--color-dark-secondary: #111827;--color-light: #ffffff;--color-light-secondary: #374151;--color-primary: #b4004e;--color-secondary: #9f2d1f;--color-accent: #7a3f00}*{box-sizing:border-box;margin:0;padding:0;list-style:none}body{background-color:var(--bg-color-1)}body[data-theme=light],body[data-theme=light] header{background-color:var(--bg-color-2)}h1,h2,h3,h4,h5{font-family:var(--font-headings)}h1,h2{color:var(--color-primary)}h3,h4,h5{color:var(--color-secondary)}p,a,button{color:var(--color-light)}body[data-theme=light] p,body[data-theme=light] a{color:var(--p-font-color-lightmode)}a{text-decoration:none;cursor:pointer}a:hover,body[data-theme=light] a:hover{color:var(--color-secondary)}nav>ul>a>li{font-size:18px}@media(min-width:1000px){nav>ul>a>li{font-size:22px}}header{background-color:var(--color-dark);display:flex;position:fixed;flex-direction:column;width:100%;top:0;z-index:10}nav{height:50px;width:100%;display:flex;justify-content:space-around;align-items:center;padding:0px var(--padding-xs)}nav img{cursor:pointer}nav>img:first-of-type{width:45px}.burger{width:0px;display:none;position:relative}nav>ul{display:flex;gap:var(--gap-m)}.divBT{height:25px;width:100%;display:flex;justify-content:end;align-items:center;gap:var(--gap-m)}.divBT>div{display:flex;gap:var(--gap-xxs)}.divBT>div>button{border:none;background-color:transparent}.divBT img{width:20px;cursor:pointer;transition:all .5s ease-in-out}.divBT img:hover{transform:scale(1.1)}.divBT>img{margin-right:var(--margin-s);cursor:pointer}nav>div>div{display:none;width:0px;height:0px;position:absolute;top:50px;right:10px}@media(max-width:700px){nav{justify-content:space-between}.burger{display:block;width:30px}nav>div:first-of-type>div.active{display:flex;flex-direction:column;align-items:end;padding:0px var(--padding-xs) var(--padding-xs) var(--padding-xs);gap:var(--gap-xs);width:fit-content;height:fit-content;background-color:var(--color-dark);border-radius:0 0 0 20px}body.light>header>nav>div:first-of-type>div.active{background-color:var(--color-light)}nav>ul{display:none}.divBT{justify-content:start;padding-left:var(--padding-xs)}}section.helloSection{width:100%;margin-top:var(--margin-xl);height:500px;display:flex;justify-content:space-between;padding:var(--padding-m);gap:var(--gap-xs);align-items:center}section.helloSection>div>h1{color:var(--heading-color-2)}section.helloSection>img{max-height:350px;min-height:180px;border-radius:40px}section.helloSection>div>h2{font-size:40px}section.helloSection>div>h1{font-size:60px}section.helloSection>div>p{font-size:20px;width:fit-content}@media(max-width:500px){section.helloSection{margin-top:var(--margin-l);height:420px;padding:var(--padding-m) var(--padding-xs);gap:var(--gap-xs)}section.helloSection>img{max-height:275px;min-height:200px;border-radius:40px}section.helloSection>div>h2{font-size:20px}section.helloSection>div>h1{font-size:40px}section.helloSection>div>p{font-size:12px;width:fit-content}}@media(max-width:1400px)and (min-width:1000px){section.helloSection{margin-top:var(--margin-s);height:600px;justify-content:space-evenly}section.helloSection>img{max-height:400px}section.helloSection>div>h2{font-size:60px}section.helloSection>div>h1{font-size:85px}section.helloSection>div>p{font-size:30px;width:fit-content}}@media(max-width:2000px)and (min-width:1400px){section.helloSection{margin-top:var(--margin-xl);height:600px;gap:var(--gap-m);justify-content:space-evenly}section.helloSection>img{max-height:400px}section.helloSection>div>h2{font-size:80px}section.helloSection>div>h1{font-size:105px}section.helloSection>div>p{font-size:50px;width:fit-content}}section.skills{width:100%;display:flex;flex-direction:column;gap:var(--gap-s);justify-content:center;align-items:center;height:fit-content;padding:var(--padding-m)}section.skills>h2{font-size:40px}section.skills>div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--gap-s)}section.skills>div>img{width:60px;transition:all .5s ease-in-out}section.skills>div>img:hover{transform:scale(1.1)}@media(max-width:500px){section.skills>h2{font-size:20px}section.skills>div>img{width:50px}}@media(max-width:1400px)and (min-width:1000px){section.skills>h2{font-size:60px}section.skills>div{justify-content:space-evenly;gap:var(--gap-m)}section.skills>div>img{width:70px}}@media(max-width:2000px)and (min-width:1400px){section.skills>h2{font-size:80px}section.skills>div{justify-content:space-evenly;gap:var(--gap-l)}section.skills>div>img{width:80px}}section.aboutMe{background-image:url(/assets/hero-CfmvCRDf.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%}section.aboutMe>div{display:flex;flex-direction:column;padding:var(--padding-s);gap:var(--gap-s);width:50%;background-color:#00000080;text-align:center}body.light>section.aboutMe>div{background-color:#ffffff94}section.aboutMe>div>h2{font-size:40px}section.aboutMe>div>h3{font-size:30px}@media(max-width:500px){section.aboutMe>div>h2{font-size:20px}section.aboutMe>div>h3{font-size:15px}}@media(max-width:800px){section.aboutMe{background-position:70%}section.aboutMe>div{padding:var(--padding-xs);gap:var(--gap-xs);width:100%;background-color:#000c}}@media(max-width:1400px)and (min-width:1000px){section.aboutMe>div>h2{font-size:60px}section.aboutMe>div>h3{font-size:40px}}@media(max-width:2000px)and (min-width:1400px){section.aboutMe>div>h2{font-size:80px}section.aboutMe>div>h3{font-size:60px}}section.expStu{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-s);padding:var(--padding-m);flex-wrap:wrap}article{position:relative;min-width:200px;max-width:300px;height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--padding-s);flex:0 0 100%;scroll-snap-align:center;-webkit-box-shadow:0px 0px 10px -5px #000000;box-shadow:0 0 10px -5px #000;cursor:pointer}.text-container{width:100%;height:350px}article>div>h4{height:25%}article>div>p{font-size:12px}article>div>a{height:15%;height:5%}article>div>a>button{padding:var(--padding-xxs) var(--padding-s);font-weight:600;border-radius:20px;border:none;cursor:pointer;transition:all .25s ease;color:var(--color-secondary);box-shadow:0 4px 10px #0000001a}article>div>a>button:hover,article>div>a>button[open]{padding:var(--padding-xxs) var(--padding-m);font-weight:600;border-radius:20px;border:none;cursor:pointer;transition:all .25s ease;color:var(--color-light);background-color:var(--color-secondary);box-shadow:0 4px 10px #0000001a}article{-webkit-box-shadow:0px 0px 10px -5px #000000;box-shadow:0 0 10px -5px #000;cursor:pointer}section.expStu>h2{font-size:40px}section.expStu>div{display:flex;flex-direction:row;gap:var(--gap-m);justify-content:center;align-items:start;flex-wrap:wrap}section.expStu>div>button{padding:var(--padding-xxs) var(--padding-xs);font-weight:600;border-radius:20px;border:none;cursor:pointer;transition:all .25s ease;background-color:var(--color-secondary);box-shadow:0 4px 10px #0000001a}section.expStu>div>button:hover{background-color:var(--color-accent);transform:translateY(-4px)}section.expStu>div>button:active{transform:translateY(0);border:none}article{display:flex;flex-direction:column;padding:var(--padding-m);min-width:250px;max-width:300px;border-radius:20px;height:fit-content;text-align:center;justify-content:center;align-items:center;gap:var(--padding-xs);background-color:#fe297133}article p,article li{margin-bottom:var(--margin-xxs)}@media(max-width:500px){section.expStu>h2{font-size:20px}}@media(max-width:1400px)and (min-width:1000px){section.expStu>h2{font-size:60px}}@media(max-width:2000px)and (min-width:1400px){section.expStu>h2{font-size:80px}}section.project{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-xxs);padding:var(--padding-m);flex-wrap:wrap}section.project>h2{font-size:40px}.cards{display:grid;justify-content:center;justify-items:center;align-items:center;width:100%;gap:10px;grid-template-columns:repeat(auto-fill,minmax(390px,1fr))}.card{position:relative;height:450px;width:375px;margin:0;padding:0;border-radius:16px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end}.card:before{content:"";position:absolute;inset:0;transition:opacity .3s ease}.card-content{width:100%;height:100%;border-radius:16px;position:relative;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;padding:5px;margin:0;transform:translateY(100%);transition:transform 1s ease-in-out}.card-btn{display:inline-block;width:fit-content;height:40px;margin-top:10px;padding:8px 14px;background:#fff;color:#000;border-radius:8px;text-decoration:none;font-size:18px;font-weight:800}@media(hover:hover){.card:hover .card-content{transform:translateY(0)}.card:hover:before{opacity:.7}}@media(hover:none){.card-content{transform:translateY(0)}}@media(max-width:500px){section.project>h2{font-size:20px}}@media(max-width:1400px)and (min-width:1000px){section.project>h2{font-size:60px}}@media(max-width:2000px)and (min-width:1400px){section.project>h2{font-size:80px}}section.contact{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gap-s);padding:var(--padding-s);flex-wrap:wrap}section.contact>h2{font-size:40px}section.contact>div{display:flex;flex-direction:row;gap:var(--gap-xs);justify-content:center;align-items:center;flex-wrap:wrap}div.divContact>div{display:flex;flex-direction:column;gap:var(--gap-s);justify-content:center;align-items:start;width:40%}section>div.divContact>img{width:50%;border-radius:20px}article{display:flex;flex-direction:column;padding:var(--padding-s);width:100px;border-radius:20px;min-height:200px;max-height:fit-content;text-align:center;justify-content:center;align-items:center;gap:var(--gap-s);background-color:#fe297133}article p{margin-bottom:var(--margin-xxs)}@media(max-width:500px){section.contact>h2{font-size:20px}div.divContact>div{display:flex;flex-direction:column;gap:var(--gap-s);justify-content:center;align-items:center;width:100%}section>div.divContact>img{width:100%}}@media(max-width:1400px)and (min-width:1000px){section.contact>h2{font-size:60px}}@media(max-width:2000px)and (min-width:1400px){section.contact>h2{font-size:80px}}