@import url(https://fonts.googleapis.com/css2?family=Biryani:wght@200;300;400;600;700&family=Cabin+Condensed&family=Karla:wght@700&display=swap);:root{--ff-body:biryani,sans-serif;--ff-heading:karla,georgia,sans-serif;--ff-subheading:"cabin condensed",sans-serif;--fs-sm:clamp(1rem,-0.11vw + 1.03rem,0.94rem);--fs-base:clamp(1.25rem,0vw + 1.25rem,1.25rem);--fs-md:clamp(1.56rem,0.19vw + 1.52rem,1.67rem);--fs-lg:clamp(1.95rem,0.49vw + 1.83rem,2.22rem);--fs-xl:clamp(2.44rem,0.94vw + 2.21rem,2.96rem);--fs-xxl:clamp(3.05rem,1.63vw + 2.64rem,3.95rem);--fs-xxxl:clamp(3.81rem,2.63vw + 3.16rem,5.26rem);--clr-surface:#000;--clr-blkgry1:#121212;--clr-blkgry2:#212121;--clr-blkgry3:#303030;--clr-white:ivory;--clr-whtgry1:#ededde;--clr-whtgry2:#dbdbcc;--clr-primary:#00cdd4;--clr-secondry:#7e3ff2;--clr-tertiary:#00db87;--clr-error:#cf6679;box-sizing:border-box;font-size:1.25rem}*,:after,:before{box-sizing:inherit}html{overflow-x:hidden;scroll-behavior:smooth;scrollbar-color:#00cdd4 #000;scrollbar-color:var(--clr-primary) var(--clr-surface);scrollbar-width:thin}body{background-color:#000;background-color:var(--clr-surface);color:ivory;color:var(--clr-white);font-family:biryani,sans-serif;font-family:var(--ff-body);font-size:1rem;font-size:clamp(1.25rem,0vw + 1.25rem,1.25rem);font-size:var(--fs-base);line-height:1.4;margin:0;text-align:center;text-rendering:optimizeSpeed}h1,h2,h3,h4,h5,h6{font-family:karla,georgia,sans-serif;font-family:var(--ff-heading);margin:0}p{font-family:biryani,sans-serif;font-family:var(--ff-body);margin:0}button,input,select,textarea{font:inherit}img{height:auto;max-width:100%;vertical-align:text-bottom}.Header{background-color:#000;background-color:var(--clr-surface);border-bottom:.25em solid #00cdd4;border-bottom:.25em solid var(--clr-primary);box-shadow:0 0 .25em .1em rgba(0,0,0,.5);height:3em;padding:.3em;position:fixed;top:0;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;width:100%;z-index:2}.Header_Hidden{box-shadow:none;-webkit-transform:translateY(-3em);transform:translateY(-3em)}.Header-Container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 .25em}.Logo{border:.1em solid #00cdd4;border:.1em solid var(--clr-primary);color:ivory;color:var(--clr-white);height:2em;outline:.1em solid ivory;outline:var(--clr-white) solid .1em;position:relative;text-decoration:none;width:2.3em}.C{left:.2em;top:.1em}.C,.L{position:absolute}.L{bottom:0;line-height:1;right:.2em}nav{display:flex;justify-content:flex-end;width:100%}.Nav-Container{display:flex;margin:0 auto;padding-left:1em}.Nav-Container>li{display:block;margin-left:1em}.BurgerMenu{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:space-between;width:56px}.BurgerBar{background-color:ivory;background-color:var(--clr-white);border-radius:2px;height:20%;width:100%}.BurgerBar.Clicked:first-child{-webkit-transform:translateY(16px) rotate(45deg);transform:translateY(16px) rotate(45deg);transition:.5s ease-out}.BurgerBar.Clicked:nth-child(2){-webkit-transform:scale(.1);transform:scale(.1);transition:.5s cubic-bezier(0,1,0,1)}.BurgerBar.Clicked:nth-child(3){-webkit-transform:translateY(-16px) rotate(135deg);transform:translateY(-16px) rotate(135deg);transition:.5s ease-out}.BurgerBar.Unclicked{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0);transition:.5s cubic-bezier(.175,.885,.32,1.275)}.Menu{background-color:#121212;background-color:var(--clr-blkgry1);height:110vh;outline:.1em solid #dbdbcc;outline:var(--clr-whtgry2) solid .1em;outline-offset:-.3em;position:absolute;right:-.3em;top:-.3em;width:60%;z-index:-1}.Hidden{opacity:0;right:-100vw}.Hidden,.Visible{transition:1s ease}.Visible{box-shadow:0 0 .5em .1em #dbdbcc33}.Menu-Container{align-items:flex-start;display:flex;flex-direction:column;margin:4em 0 0;padding-left:2em}.Menu-Container>li{display:block;margin-top:.5em}li>a{color:ivory;color:var(--clr-white);font-size:clamp(1.56rem,.19vw + 1.52rem,1.67rem);font-size:var(--fs-md);font-weight:300;position:relative;text-decoration:none}li>a:before{background-color:ivory;background-color:var(--clr-white);bottom:.2em;content:"";height:.1em;position:absolute;transition:width .25s;width:0}li>a:hover:before{width:100%}#Home{align-items:center;background-color:#000;background-color:var(--clr-surface);display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;padding:.25em}.Home-Container{margin:auto 0}.Home-Header{font-family:karla,georgia,sans-serif;font-family:var(--ff-heading);font-size:clamp(3.05rem,1.63vw + 2.64rem,3.95rem);font-size:var(--fs-xxl)}.Home-Header>span{color:#00cdd4;color:var(--clr-primary)}.Home-Subheader{font-family:cabin condensed,sans-serif;font-family:var(--ff-subheading);font-size:clamp(1.56rem,.19vw + 1.52rem,1.67rem);font-size:var(--fs-md)}.Socials{height:2.5em}.Socials-Link{margin-left:.5em}.Socials-Link>img{width:1.5em}.Arrow{height:4em;width:0}.Arrow>span{-webkit-animation:scroll 3s infinite;animation:scroll 3s infinite;border-bottom:.2em solid #7e3ff2;border-bottom:.2em solid var(--clr-secondry);border-right:.2em solid #7e3ff2;border-right:.2em solid var(--clr-secondry);display:block;height:1em;margin:-.4em;width:1em}.Arrow>span:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.Arrow>span:nth-child(3){-webkit-animation-delay:-.6s;animation-delay:-.6s}@-webkit-keyframes scroll{0%{opacity:0;-webkit-transform:rotate(45deg) translate(-1em,-1em);transform:rotate(45deg) translate(-1em,-1em)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg) translate(1em,1em);transform:rotate(45deg) translate(1em,1em)}}@keyframes scroll{0%{opacity:0;-webkit-transform:rotate(45deg) translate(-1em,-1em);transform:rotate(45deg) translate(-1em,-1em)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg) translate(1em,1em);transform:rotate(45deg) translate(1em,1em)}}#Skills{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:4em 0 0}.SectionHeader{font-size:clamp(2.44rem,.94vw + 2.21rem,2.96rem);font-size:var(--fs-xl);margin-bottom:1em}.Skills-Grid{grid-gap:.5em;display:grid;gap:.5em;grid:repeat(3,1fr) /1fr;margin:0 auto;max-width:60em;min-height:80vh;padding:0 .5em;place-items:center;width:100%}.Grid-Square{background-color:#121212;background-color:var(--clr-blkgry1);display:flex;flex-direction:column;height:100%;outline:.1em solid #dbdbcc;outline:var(--clr-whtgry2) solid .1em;outline-offset:-.3em;padding:.5em 1em;position:relative;width:100%}.Grid-Square:after,.Grid-Square:before{border:.1em solid #dbdbcc;border:.1em solid var(--clr-whtgry2);content:"";height:2em;position:absolute;width:2em}.Grid-Square:before{border-width:.1em 0 0 .1em;left:0;top:0}.Grid-Square:after{border-width:0 .1em .1em 0;bottom:0;right:0}.Grid-Square:last-child{display:none}@media (min-width:630px){.Skills-Grid{grid:1fr 1fr/1fr 1fr}.Grid-Square:last-child{display:flex}}@media (min-width:955px){.Skills-Grid{grid:repeat(4,1fr) /repeat(3,1fr)}.Grid-Square{grid-row:2/4}.Grid-Square:last-child{display:none}}.Square-Header{flex:0 1 auto;font-family:cabin condensed,sans-serif;font-family:var(--ff-subheading);font-size:clamp(1.56rem,.19vw + 1.52rem,1.67rem);font-size:var(--fs-md);position:relative;z-index:0}.Square-Header:before{bottom:.3em;color:#00000000;content:"";height:.2em;position:absolute;z-index:-1}.SkillsHeader0:before{background-color:#00cdd4;background-color:var(--clr-primary);content:"Frontend"}.SkillsHeader1:before{background-color:#7e3ff2;background-color:var(--clr-secondry);content:"Backend"}.SkillsHeader2:before{background-color:#00db87;background-color:var(--clr-tertiary);content:"Software Development"}.Square-Body{display:flex;flex:1 1 auto;flex-direction:column;font-size:clamp(1rem,-.11vw + 1.03rem,.94rem);font-size:var(--fs-sm);font-weight:200;justify-content:center;padding:.5em 0}#Projects{min-height:100vh;padding:4em 0 0}.Projects-Container{align-items:center;display:flex;flex-direction:column;gap:1em;padding:0 .5em}.Project{background-color:#121212;background-color:var(--clr-blkgry1);display:grid;grid:1fr auto/1fr;max-width:60em;min-height:16em;outline:.1em solid #dbdbcc;outline:var(--clr-whtgry2) solid .1em;outline-offset:-.3em;place-items:center;position:relative;width:100%}.Project:after,.Project:before{border:.1em solid #dbdbcc;border:.1em solid var(--clr-whtgry2);content:"";height:2em;position:absolute;width:2em}.Project:before{border-width:.1em 0 0 .1em;left:0;top:0}.Project:after{border-width:0 .1em .1em 0;bottom:0;right:0}.Project-Face{background-color:#212121;background-color:var(--clr-blkgry2);height:100%;max-height:8em;min-height:8em;padding:.3em .3em 0;width:100%}.Project-Image{display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden}.Project-Image>img{transition:.5s ease}.Project-Image:hover>img{-webkit-transform:scale(1.1);transform:scale(1.1)}.Project-Tags{position:relative;z-index:1}.Tags-Container{padding:.2em .2em 0 0;position:absolute;right:0;top:0}.Tags-Container>img{margin:.2em;width:1.5em}.Project-Body{display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:8em;padding:.3em;width:100%}.Project-Text{font-size:clamp(1rem,-.11vw + 1.03rem,.94rem);font-size:var(--fs-sm);font-weight:200}.Project-Heading{font-family:cabin condensed,sans-serif;font-family:var(--ff-subheading);font-size:clamp(1.56rem,.19vw + 1.52rem,1.67rem);font-size:var(--fs-md)}.Project-Description{margin:0 auto;max-width:30em;padding:.5em}.Project-Links{display:flex;justify-content:space-around;margin:0 auto;padding:.5em 0;width:clamp(12.4em,80%,24em)}.Button{border:.1em solid #dbdbcc;border:.1em solid var(--clr-whtgry2);color:ivory;color:var(--clr-white);font-size:clamp(1rem,-.11vw + 1.03rem,.94rem);font-size:var(--fs-sm);font-weight:300;padding:.2em .25em;position:relative;text-decoration:none}.Button:after,.Button:before{border:inherit;content:"";height:2em;position:absolute;transition:width .25s,height .25s;width:2em}.Button:before{border-width:.1em 0 0 .1em;left:-.4em;top:-.4em}.Button:after{border-width:0 .1em .1em 0;bottom:-.4em;right:-.4em}.Button:hover:after,.Button:hover:before{height:calc(100% + .8em);width:calc(100% + .8em)}@media (min-width:720px){.Project{grid:1fr/repeat(2,1fr)}.Project-Face{max-height:16em;padding-bottom:.3em;padding-right:0}}@media (min-width:900px){.Project{grid:1fr/repeat(3,1fr)}.Project-Body{grid-column:span 2}}#Contact{display:flex;flex-direction:column;min-height:100vh;padding:4em 0 2em}.Contact-Form{background-color:#212121;background-color:var(--clr-blkgry2);box-shadow:0 0 .5em .1em #dbdbcc66;display:flex;flex-flow:row wrap;margin:auto max(1em,50% - 21em);max-width:42em;padding:1em}.FormInput,.FormTextarea{background-color:#121212;background-color:var(--clr-blkgry1);border:.1em solid #dbdbcc;border:.1em solid var(--clr-whtgry2);color:ivory;color:var(--clr-white);font-size:clamp(1rem,-.11vw + 1.03rem,.94rem);font-size:var(--fs-sm);width:100%}.FormTextarea{resize:none}.FormInput:focus,.FormSubmit:focus,.FormTextarea:focus{outline:.1em solid #00cdd4;outline:var(--clr-primary) solid .1em}.FormEmail,.FormMessage,.FormName,.FormSubject{margin:0 0 1em;width:100%}.FormMessage{height:6em}.FormTextarea{height:100%}.FormSubmit{background-color:#121212;background-color:var(--clr-blkgry1);border:.1em solid #dbdbcc;border:.1em solid var(--clr-whtgry2);color:ivory;color:var(--clr-white);display:block;font-size:clamp(1rem,-.11vw + 1.03rem,.94rem);font-size:var(--fs-sm);font-weight:300;height:100%;margin-left:auto;width:50%}@media (min-width:600px){.FormEmail,.FormName{width:48%}.FormEmail{margin-left:auto}.FormMessage{height:12em}}.Snackbar{background-color:#303030;background-color:var(--clr-blkgry3);bottom:1.2em;left:50%;margin-left:-7em;min-width:14em;outline:.1em solid #dbdbcc;outline:var(--clr-whtgry2) solid .1em;outline-offset:-.3em;padding:.5em;position:fixed;visibility:hidden;z-index:2}.Snackbar:after,.Snackbar:before{border:.1em solid #dbdbcc;border:.1em solid var(--clr-whtgry2);content:"";height:2em;position:absolute;width:2em}.Snackbar:before{border-width:.1em 0 0 .1em;left:0;top:0}.Snackbar:after{border-width:0 .1em .1em 0;bottom:0;right:0}.Snackbar_Success{color:#00db87;color:var(--clr-tertiary)}.Snackbar_Error,.Snackbar_Success{-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s;visibility:visible}.Snackbar_Error{color:#cf6679;color:var(--clr-error)}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:1.2em;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:1.2em;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:1.2em;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:1.2em;opacity:1}to{bottom:0;opacity:0}}footer{background-color:#7e3ff2;background-color:var(--clr-secondry);min-height:20vh;padding:1em}.Footer-Links{align-items:flex-start;display:flex;flex-direction:column}.Footer-Links>li{display:block}
/*# sourceMappingURL=main.94060819.css.map*/