@import"https://fonts.googleapis.com/css2?family=Playwrite+NZ:wght@100..400&display=swap";@import"https://fonts.googleapis.com/css2?family=Poetsen+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@keyframes fadeEffect{0%{opacity:0}to{opacity:1}}hr{margin:.5rem auto;background:#feb12f;height:.05rem}.aboutMe{font-family:Josefin Sans,sans-serif;line-height:2rem;margin-top:3rem}.aboutMeText{display:flex;flex-direction:column;padding:1rem;width:80%;margin:auto}.aboutMeText h3{text-align:center}.aboutMeText h3:hover{transform:rotate(5deg) scale(1.3);transition:transform .2s linear}.skills_card{padding:2.5rem 2.18rem}.skills_card h3:hover{transform:rotate(5deg) scale(1.3);transition:transform .2s linear}.skills_header>p{font-size:1.75rem;text-align:center;font-weight:700}.tab{overflow:hidden;border:1px solid #ccc;border-radius:10px;background-color:#f1f1f1;box-shadow:2px 2px 5px 2px #eae2e2;width:24rem;margin:4rem auto}.tab button{background-color:inherit;width:6rem;border:none;outline:none;cursor:pointer;padding:.8rem 1rem;transition:.3s}.tab button:hover{background:#feb12f}.tab button.active{background:#feb12f;color:#fff}.tabcontent{display:none;border-top:none;gap:2rem;flex-wrap:wrap;justify-content:center;animation:fadeEffect 1s}.skill{display:flex;flex-direction:column;gap:.5rem;align-content:flex-start}.skill>.skillIcon>img{height:2rem;width:2rem;object-fit:contain}.skill>.skillIcon>img:hover{cursor:pointer;transform:rotate(360deg);transition:transform .3s linear}@media only screen and (max-width: 599px){.aboutMe__text{height:40%;margin-top:8rem;font-size:.8rem}.aboutMe__text>h3{font-size:1rem}.skills_card{margin:-3rem 2rem 2rem;padding:.1rem}.skill{display:flex;flex-direction:column;gap:.3rem}.skill>.skillIcon>img{height:1.5rem;width:1.5rem;object-fit:contain}.skillName{font-size:.8rem}.tab{display:none}}@media only screen and (max-width: 899px) and (min-width: 600px){.skill>.skillIcon>img{height:1.5rem;width:1.5rem}.skillName{font-size:.8rem}}.ContactMe_card{margin-bottom:0;margin-top:3rem;height:10rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--primary_color_bright)}.ContactMe_card>.text>h3{font-size:3rem;font-family:Dancing Script,cursive}.icons{display:flex;justify-content:center}.icons>a>img{height:1.5rem;width:1.5rem;padding:.5rem}.icons>a>img:hover{transform:rotate(360deg);transition:transform .5s linear;cursor:pointer}@media only screen and (max-width: 600px){.Contactme_card>.text>h3{font-size:1rem}.Contactme_card>.name>p.email{font-size:.5rem}.icons>a>img{height:1rem;width:1rem}}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}@keyframes moveInLeft{0%{opacity:0;transform:translate(-10rem)}80%{transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;transform:translate(10rem)}80%{transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInButton{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translate(0)}}.homepage{display:grid;grid-template-columns:2fr 2fr;height:88.5vh;background-color:var(--primary_color);font-size:2rem}.homepage__left{grid-column:1/2;display:flex;flex-direction:column;justify-content:center;gap:2rem;margin-left:5rem;animation:moveInLeft 2s ease-in-out}.homepage__header__name{font-size:5rem;font-family:Dancing Script,cursive;font-weight:bolder}.homepage__header__details{font-size:1.5rem;display:flex;flex-direction:column;gap:1rem}.details{font-size:1rem;color:#a28e7e;line-height:1.5rem;margin-top:1.5rem}.homepageButtons{display:flex;gap:2rem}.homepageButtons>a{text-decoration:none}.button__about{height:3rem;width:10rem;background:var(--primary_color_bright);border-radius:20px;border-style:none;color:#fff}.button__about:hover{transform:scale(1.1);transition:all .2s linear;cursor:pointer}.CV{height:3rem;width:10rem;background:#feb12f;border-radius:20px;border-style:none;color:#fff;display:flex;align-items:center;justify-content:space-evenly;padding:1rem}.CV:hover{transform:scale(1.1);transition:all .2s linear;cursor:pointer}.homepage__right{grid-column:2/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;flex-grow:0;animation:moveInRight 2s ease-in-out;position:relative}.homepage__right #blob{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:40rem;max-height:40rem;aspect-ratio:1 / 1}.homepage__right>.aboutMe__img>img{height:25rem;width:25rem;transform:translatey(0);animation:float 3s ease-in-out;object-fit:contain}@media only screen and (max-width: 600px){.homepage{display:flex;flex-direction:column}.homepage__left{margin:0}.homepage__header__name{margin-top:5rem;font-size:5rem}.homepage__header__details{font-size:2rem}.button__about{width:7rem}.homepage__right>.aboutMe__img>img{height:10rem;width:10rem}}.navbar{display:flex;align-items:center;justify-content:center;gap:4rem;height:4rem;position:sticky;top:0;z-index:99;background-color:var(--primary_color)}.navbar__links>button{background:none;color:#a28e7e;border:none;font-size:1rem;cursor:pointer;margin-left:1rem;padding-top:2rem;padding-bottom:2rem}.navbar__links>button:hover{color:#000;transform:scale(1.2);transition:transform .2s linear}@media only screen and (max-width: 600px){.navbar{justify-content:space-evenly;gap:0}.navbar__links>button{font-size:1rem;margin-left:.5rem}.navbar__links>a>button{font-size:1rem;margin-left:.5rem}}*{--primary_color_bright: #a17dff;--primary_color: #f8f1ec;--primary_color_light: #c4b2f6}.project-list{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:3rem;background-color:var(--primary_color_bright)}.project-list .title{font-size:1.75rem;font-weight:700;margin-top:2rem;color:#fff}.title:hover{transform:rotate(5deg) scale(1.3);transition:transform .2s linear}.project-card{width:60%;margin:3rem auto;padding:2rem;background-color:#fffc;outline:var(--primary_color_light) 2px;border-radius:10px;display:flex;gap:2rem}.project-card img{height:20rem;width:30rem;object-fit:contain}.project-card img:hover{transform:scale(1.1);transition:.2s linear transform;cursor:pointer}.project-details{display:flex;flex-direction:column;gap:2rem;text-wrap:wrap;line-height:1.4rem}.project-card h5{color:#feb12f}.tech-used{display:flex;flex-direction:column;flex-wrap:wrap}.tech-icons{margin-top:1rem;display:flex;gap:2rem}.tech-skill>.skillName{font-size:.9rem}.tech-skill>.skillIcon img{height:1.7rem;width:1.7rem;object-fit:contain}.tech-skill>.skillIcon img:hover{transform:scale(1.5);transition:all .2s linear}@media only screen and (max-width: 599px){.project-list{gap:1rem}.project-card{display:flex;flex-direction:column;margin-top:3rem}.project-card img{height:10rem;width:100%;object-fit:contain}}@media only screen and (max-width: 899px) and (min-width: 600px){.project-card{display:flex;flex-direction:column}.project-card img{height:10rem;width:100%}}@media only screen and (max-width: 1200px) and (min-width: 900px){.project-card{display:flex;flex-direction:column}.project-card img{height:10rem;width:100%}}.workExp>h3{text-align:center;margin-top:2rem}.workExp>h3:hover{transform:rotate(5deg) scale(1.3);transition:transform .2s linear}.experience_section{display:flex;flex-direction:column;position:relative;max-width:30rem;margin:auto}.experience_section:before{content:"";width:2px;left:0;top:2rem;bottom:0;background-color:#fadcc3;position:absolute}hr{margin:.5rem auto;color:#feb12f;height:.05rem}.experience{display:flex;flex-direction:column;margin:2rem auto;padding-left:2rem}.experience>h5:nth-child(1){position:relative}.experience>h5:nth-child(1):before{content:"";width:1.5em;height:1.5em;left:calc(-2rem - .75em);top:0;position:absolute;background-color:#feb12f;border-radius:50%}.date{font-size:.8rem;color:#a28e7e;opacity:.8;padding-top:.5rem;padding-left:.25rem}.experience>ul{font-size:.8rem;display:flex;flex-direction:column;list-style:none}.experience>ul>li{margin:.5rem}*{margin:0;padding:0;font-family:Inter;--primary_color_bright: #a17dff;--primary_color: #f8f1ec;--primary_color_light: #c4b2f6}html ::selection{background-color:var(--primary_color_light);color:#fff}