@import"https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,900;1,600;1,700&display=swap";*{padding:0;margin:0;text-decoration:none;transition-property:background-color,color;transition:70ms ease;-webkit-tap-highlight-color:transparent}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:all 5000s ease-in-out 0s}img{max-width:100%;display:block}hr{border-top:2px solid;filter:brightness(50%)}body,html,#root{height:100%;width:100%;display:flex;flex-flow:column nowrap;font-family:Heebo,sans-serif;overflow-x:hidden}.titleIcon{src:url(/assets/draws-pattern-svgrepo-com-88d8f8b2.svg)}.dark{background-color:#222;color:#fff}.dark::placeholder{color:#dadada}.light{background-color:#fff;color:#000}.light::placeholder{color:#6b6b6b}.img{width:28px;height:28px;background-size:cover;margin-right:10px;transition:transform .3s}.img:hover,.img:active{transform:rotate(15deg) translateY(-5px)}.rowCenter{display:flex;flex-flow:row;justify-content:center}.columnCenter{display:flex;flex-flow:column;justify-content:center}.container{min-height:90vh}.button{-webkit-user-select:none;user-select:none;cursor:pointer;letter-spacing:4px;padding:calc(10px + .5vw) calc(40px + 2vw);border-radius:50px;text-align:center;font-size:larger;transition:transform .5s;border:2px solid black;background-color:#fff}.buttondark{border:2px solid white;background-color:#000}.button:hover,button:active{transform:translateY(-10px) scale(1.035)}header{position:sticky;top:0;z-index:10;-webkit-user-select:none;user-select:none}nav{letter-spacing:2px;z-index:2;display:flex;flex-flow:row nowrap;justify-content:space-between;box-shadow:0 11px 30px -2px #000;-webkit-box-shadow:0px 11px 30px -2px rgba(0,0,0,.17);-moz-box-shadow:0px 11px 30px -2px rgba(0,0,0,.17);text-align:center;padding:17px 10px}.navButton_Container{display:flex;flex-flow:row nowrap}.navButton{font-size:calc(18px + .3vw);padding:10px;color:#fff;transition-property:font-size,color;transition:.3s ease}.textdark{color:#fff}.textlight{color:#000}.navButton:hover,.navButton:active{color:#f9d534;font-size:calc(17.8px + .299vw)}.invert{filter:invert()}.fill{cursor:pointer;background-image:url(/assets/menu-hamburger-solid-svgrepo-com-215404aa.svg);background-repeat:no-repeat;background-size:60%;background-position-x:center;background-position-y:center;font-size:calc(18px + .3vw);padding:0 30px}.fill.active{background-image:url(/assets/close-svgrepo-com-8b306f7d.svg)}ul{transition:all .4s;position:absolute;width:100%;max-height:fit-content}.hidden{pointer-events:none;opacity:0}.darkSwitch{background-image:url(/assets/Floral-Crescent-Moon-b91084cc.svg);background-repeat:no-repeat;background-size:60%;background-position-x:center;background-position-y:center;font-size:calc(18px + .3vw);padding:0 30px;cursor:pointer}.lightSwitch{background-image:url(/assets/sun-8762-992c4c2a.svg);background-repeat:no-repeat;background-size:60%;background-position-x:center;background-position-y:center;font-size:calc(18px + .3vw);padding:0 30px;cursor:pointer}.mask-container{position:relative}.color-image{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/color-image-8791ce74.jpg);background-size:cover}.blackWhite{content:url(/assets/bw-image-ec697a10.jpg);-webkit-mask-image:url(/assets/image-mask-52179a44.png);-webkit-mask-size:cover;-webkit-mask-position:100% 0%;mask-image:url(/assets/image-mask-52179a44.png);mask-size:cover;mask-position:100% 0%;animation:maskAnim 1s steps(24) forwards;animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-webkit-animation:maskAnim 1s steps(24) forwards;-moz-animation:maskAnim 1s steps(24) forwards}.pattern{background-image:url(/assets/draws-pattern-svgrepo-com-88d8f8b2.svg);background-size:calc(40px + 4vw);position:relative;text-align:center;padding:0 calc(10px + 8vw)}.patternGrey{background-image:url(/assets/draws-pattern-svgrepo-com-inverted-c027e823.svg)}.pattern>h1{letter-spacing:4px;padding-bottom:40px;font-family:Source Sans Pro,sans-serif;font-weight:700;font-size:calc(10px + 3vw);text-transform:uppercase}.pattern>p{letter-spacing:1px;font-size:calc(10px + 1vw);padding-bottom:40px}.floatingContacts{position:absolute;top:40%;border-radius:0 5px 5px 0;border:2px solid white;border-left:0px}@media only screen and (max-width: 720px){.floatingContacts{display:none}.pattern{padding:0 calc(10px + 2vw)}}.floatingContacts .img{width:40px;height:40px;margin:10px}@keyframes maskAnim{0%{-webkit-mask-position:100% 0%;mask-position:100% 0%}to{-webkit-mask-position:0% 0%;mask-position:0% 0%}}.aboutSection{display:flex;flex-flow:column;justify-content:center;padding:20px}.aboutSection span{font-size:calc(10px + 1vw);font-weight:600}.aboutSection .button{font-size:calc(10px + 1vw);width:fit-content;height:fit-content;margin:auto}.aboutIntro{font-family:Source Sans Pro,sans-serif;font-size:24px;text-align:center}.aboutIntro>h1{margin:3% 5%;font-size:calc(10px + 2vw);letter-spacing:2px;font-weight:700;text-transform:uppercase}.aboutIntro>hr{border-top:3px solid;border-radius:10px;width:calc(80px + 16vw);margin:auto}.aboutIntro>p{font-size:calc(10px + 1vw);margin:3% 5%}.aboutMe{padding-right:20px}.aboutMe>h1{margin:3% 0;font-size:calc(10px + 2vw);letter-spacing:2px;font-weight:700}.aboutMe>p{font-size:calc(10px + 1vw);margin:3% 0}.aboutContent{display:grid;grid-template-columns:1fr 1fr}@media only screen and (max-width: 720px){.aboutContent{display:grid;grid-template-columns:1fr}}.aboutSkills{display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr 1fr;text-align:center;font-size:calc(16px + .5vw)}.aboutMySkills>h1{margin:3% 0;font-size:calc(10px + 2vw);letter-spacing:2px;font-weight:700}.aboutSkill{display:flex;flex-flow:column;justify-content:center;-webkit-user-select:none;user-select:none;font-family:Source Sans Pro,sans-serif;font-weight:300;letter-spacing:1px;padding:10px;margin:10px 10px 0 0;border-radius:5px;background-color:#f1f1f1;color:#404040;opacity:.85;transition-property:transform,opacity,filter;transition:.3s ease-in-out}.aboutSkill:hover{transform:translateY(-4px);opacity:1;filter:contrast(105%)}.aboutSkillDark{background-color:#404040;color:#f1f1f1}.projectsSection{display:flex;flex-flow:column;justify-content:center;padding:20px}.projectsIntro{font-family:Source Sans Pro,sans-serif;font-size:24px;text-align:center}.projectsIntro>h1{margin:3% 5%;font-size:calc(10px + 2vw);letter-spacing:2px;font-weight:700;text-transform:uppercase}.projectsIntro>hr{border-top:3px solid;border-radius:10px;width:calc(80px + 16vw);margin:auto}.projectsIntro>p{font-size:calc(10px + 1vw);margin:3% 5%}.projectTemplate{display:grid;grid-template-columns:1fr 1fr;margin:2vh 5vw}.projectTemplate .button{width:fit-content;padding:calc(10px + .5vw) calc(40px + .5vw);margin-top:50px;font-size:calc(8px + .5vw)}.projectImage{max-width:max-content;image-rendering:optimizeQuality;max-width:40vw;height:auto;border:1.5px solid;border-bottom:5px solid;border-radius:5px;margin:auto}@media only screen and (max-width: 720px){.projectTemplate{display:grid;grid-template-columns:1fr;margin:2vh 5vw}.projectTemplate .button{margin:50px auto auto;width:fit-content;padding:calc(10px + .5vw) calc(40px + .5vw);font-size:calc(8px + .5vw)}.projectImage{max-width:calc(100px + 25vw)}}.projectDesc{margin:auto 5vw}.projectDesc>h1{font-size:calc(16px + 1vw);margin:20px 0}.projectDesc>p{font-size:calc(13px + .5vw)}.contactSection{display:flex;flex-flow:column;justify-content:center;padding:20px;margin:0 10%}.contactSection span{font-size:calc(10px + 1vw);font-weight:600}.contactSection>form{text-align:left;display:flex;flex-flow:column;padding:50px;border-radius:10px}form{filter:drop-shadow(0px 0px 5px rgba(128,128,128,.455))}form>h3{margin:10px 0}form>input,form>textarea{padding:15px;font-size:calc(10px + .5vw);border-radius:5px;border:2px solid rgb(126,126,126);font-family:Source Sans Pro,sans-serif}form>input[type=submit]{cursor:pointer;border:0;border-radius:5px;width:fit-content;padding:10px 50px;margin:50px auto auto;transition:transform .3s}form>input[type=submit]:hover{transform:translateY(-5px) scale(1.05)}form>textarea{min-height:300px;resize:none}form>h3{font-weight:200;font-size:calc(10px + 1vw)}.contactIntro{font-family:Source Sans Pro,sans-serif;font-size:24px;text-align:center}.contactIntro>h1{margin:3% 5%;font-size:calc(10px + 2vw);letter-spacing:2px;font-weight:700;text-transform:uppercase}.contactIntro>hr{border-top:3px solid;border-radius:10px;width:calc(80px + 16vw);margin:auto}.contactIntro>p{font-size:calc(10px + 1vw);margin:3% 5%}@media only screen and (max-width: 720px){.contactSection{margin:0;padding:0}.contactSection>form{margin:10px 0;padding:10px 20px}form>textarea{min-height:200px;resize:none}}.studyImage{max-width:max-content;image-rendering:optimizeQuality;max-height:60vh;max-width:80vw;height:auto;border:2px solid;border-bottom:8px solid;border-radius:5px;margin:auto}.caseStudyContainer{margin:20px 25vw;font-size:larger}.caseStudyContainer>p{filter:brightness(80%);margin:10px 0;font-size:calc(14px + .5vw)}.caseStudyContainer a{color:#f9d534}@media only screen and (max-width: 720px){.studyImage{max-width:calc(100px + 50vw)}.caseStudyContainer{margin:20px 12vw;font-size:smaller}}footer{font-size:calc(14px + .5vw);letter-spacing:1.5px;display:flex;flex-flow:column;justify-content:center;background-color:#000;padding:50px 8%;color:#fff;font-family:Source Sans Pro,sans-serif}footer h2{padding-bottom:20px;font-size:larger;text-transform:uppercase;font-weight:800}.info{display:flex;flex-flow:row;padding-bottom:50px}.about{width:40%;margin-right:auto}.social{display:flex;flex-flow:column}.socialImages{display:flex;flex-flow:row nowrap}.copyright{padding:20px;text-align:center;font-size:small}@media only screen and (max-width: 600px){.info{flex-flow:column}.about{width:100%;padding-bottom:10px}.socialImages{display:flex;flex-flow:row nowrap;justify-content:center}.img{margin:0 20px}}b{font-size:small}.linkedIn{background-image:url(/assets/linkedin-svgrepo-com-b68ba3c6.svg);filter:invert()}.github{background-image:url(/assets/github-svgrepo-com-994a99ee.svg);filter:invert()}.discord{background-image:url(/assets/discord-fill-svgrepo-com-b739ac55.svg);filter:invert()}