@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";.container{display:flex;height:2em;width:100%;overflow:hidden;background-color:var(--color1);align-items:center;scroll-snap-align:start}.scroll p{text-justify:baseline;font-size:.8em;color:var(--color2);font-weight:700;margin-bottom:0}.RightToLeft{animation:RightToLeft 20s infinite linear}.header{top:0;position:sticky;width:100%;height:clamp(40px,8vw,60px);display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;background-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center}.header>*{height:100%;flex-grow:1;text-align:center;line-height:clamp(40px,8vw,60px);font-weight:700;font-size:clamp(10px,3vw,30px);color:var(--color1);border-width:0px 2px 2px 0px;border-style:solid;border-color:var(--color1);transition:all .3s}.header>*:last-child{border-width:0px 0px 2px 0px}.header>*:hover{background-color:var(--color1);color:var(--color2)}#landingPage{font-weight:1000;color:var(--color2);padding:3vw;box-sizing:border-box;line-height:1em;font-size:clamp(1px,14vw,80px);min-height:89vh;overflow:hidden}#landingPage #video{position:absolute;top:2rem;left:0;object-fit:cover;width:100%;height:100vh;z-index:-100;background-color:var(--color2)}#landingPage .description{text-shadow:0px 0px 10px rgba(0,0,0,.86);margin-top:1em;font-size:clamp(30px,4vw,40px);line-height:1em;width:100%;font-weight:500;color:var(--color2);-webkit-text-stroke:.5px var(--color1)}#landingPage .title{transition:.5s ease-out}#landingPage p{width:fit-content}#landingPage .title:hover{color:#fff;text-shadow:0 0 10px var(--color2),0 0 20px var(--color2),0 0 40px var(--color2)}em{color:var(--color2);-webkit-text-stroke:0px;white-space:nowrap}@media only screen and (min-width: 768px){#landingPage .description{font-size:clamp(20px,2vw,30px);width:30vw}}.aboutMe .heading{margin-top:1em;width:100%;text-align:center;font-size:3em;color:var(--color2);-webkit-text-stroke:1px var(--color1);font-weight:800;scroll-snap-align:center}.aboutMe .content{align-items:center;padding:1em;font-size:1.5em;color:var(--color1);font-weight:500}.skills{scroll-snap-align:start}.skills .heading{margin-top:1em;width:100%;text-align:center;font-size:3em;color:var(--color2);-webkit-text-stroke:1px var(--color1);font-weight:800;scroll-snap-align:start}.skills .container{padding:2em;height:fit-content;background-color:var(--color2);display:flex;flex-direction:row;justify-content:start;flex-wrap:wrap;gap:1em}.skills .container p{color:var(--color1);border:3px solid var(--color1);background-color:var(--color2);font-size:1em;font-weight:500;padding:.5em 1em;transition:all .2s}.skills .container p:hover{transform:scale(1.1);color:var(--color2);background-color:var(--color1)}.stickyContainer{position:sticky;top:clamp(40px,8vw,58px);display:flex;height:4em;width:100%;overflow:hidden;background-color:var(--color1);align-items:center}.scroll{white-space:nowrap}.scroll div{display:flex;gap:3em}.stickyContainer>.scroll p{text-justify:baseline;font-size:2em;color:var(--color2);font-weight:700;margin-bottom:0}.RightToLeft{animation:RightToLeft 50s infinite linear}@keyframes RightToLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.aboutMeAndSkills{display:flex;flex-direction:column}.aboutMeAndSkills>*{flex-grow:1;flex-basis:0}@media only screen and (min-width: 768px){.aboutMeAndSkills{flex-direction:row}}.projects{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:12rem 1fr 3rem;grid-column-gap:0px;grid-row-gap:0px;min-height:80vh;height:85vh;width:100%}button{background-color:var(--color2);color:var(--color1);border:solid var(--color1);font-weight:900}#inc_btn{grid-area:3 / 2 / 4 / 3;border-width:2px 0px 0px 0px}#dsc_btn{grid-area:3 / 1 / 4 / 2;border-width:2px 2px 0px 0px;scroll-snap-align:end}#title{grid-area:1 / 1 / 2 / 3;background-color:var(--color2);color:var(--color1);border:solid var(--color1);border-width:0px 0px 2px 0px;text-align:center;font-size:3rem;align-items:center;font-weight:1000;line-height:14rem}#description{grid-area:2 / 1 / 3 / 3;color:var(--color2);background-color:color-mix(in srgb,var(--color1) 50%,transparent)}.desc_text{font-size:2rem;font-weight:500;padding:1rem;font-weight:600}.tag{display:inline-block;width:33.33%;text-align:center;font-weight:600;font-size:1.5rem;color:var(--color2);background-color:var(--color1)}#image{grid-area:2 / 1 / 3 / 3;border:solid var(--color1);border-width:0px 0px 0px 0px;overflow:hidden}#image img{width:100%;height:100%;object-fit:cover}@media only screen and (min-width: 768px){.projects{grid-template-columns:2rem 1fr 1fr 2rem;grid-template-rows:10rem 1fr;grid-column-gap:0px;grid-row-gap:0px;height:85vh}#inc_btn{grid-area:1 / 4 / 3 / 5;border-width:0px 0px 0px 2px}#dsc_btn{grid-area:1 / 1 / 3 / 2;border-width:0px 2px 0px 0px}#title{grid-area:1 / 2 / 2 / 4;line-height:12rem}#description{grid-area:2 / 2 / 3 / 3;color:var(--color1);background-color:var(--color2)}#image{grid-area:2 / 3 / 3 / 4;border-width:0px 0px 0px 2px}}.contact{min-height:90vh;width:100%;background-color:var(--color1);color:var(--color2);display:flex;flex-direction:column;justify-content:space-evenly;align-items:stretch;text-align:start;font-size:max(20px,2vw);font-weight:900;padding:5em 1em 1em;text-wrap:nowrap;scroll-snap-align:end}.contact a{text-decoration:none;color:var(--color2)}.contact>*{flex-grow:1;flex-basis:0}.contact .heading{text-align:center;font-size:clamp(60px,20vw,30px);font-style:italic;font-weight:900;color:var(--color2);background-color:var(--color1);transition:.5s ease-out}.contact .heading:hover{color:#fff;text-shadow:0 0 10px var(--color2),0 0 20px var(--color2),0 0 40px var(--color2)}.links2{text-align:end}@media only screen and (min-width: 768px){.contact{flex-direction:row;align-items:center;padding-top:0}}:root{--color1: #01001c;--color2: #ff6500}*{box-sizing:border-box;margin:0;padding:0}html{max-width:100vw;scroll-behavior:smooth;scroll-snap-type:both mandatory}#root{max-width:100vw}body{max-width:100vw;background-color:var(--color2);font-family:Chakra Petch,sans-serif;scroll-snap-type:y mandatory}a{text-decoration:none}