html{font-size:14px}@media only screen and (min-width:540px){html{font-size:15px}}@media only screen and (min-width:900px){html{font-size:17px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;min-height:100vh}body,button{font-family:Baloo\ 2,sans-serif;font-size:1rem}.flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-center{justify-content:center}.justify-space-between{justify-content:space-between}.justify-space-evenly{justify-content:space-evenly}.justify-left{justify-content:left}.justify-right{justify-content:right}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.gap{gap:10px}@media screen and (prefers-reduced-motion:no-preference){.FadeIn{-webkit-animation:fadeIn .5s ease-in;animation:fadeIn .5s ease-in}.caret:after{-webkit-animation:caret 1.1s step-start infinite;animation:caret 1.1s step-start infinite;content:"|"}}@-webkit-keyframes caret{50%{opacity:0}}@keyframes caret{50%{opacity:0}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.Character__Container{grid-column-gap:10px;align-self:flex-end;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:.2fr .8fr;padding:0 2rem 2rem}.Character{background-color:var(--color-blue);border-radius:40%;object-fit:scale-down;-webkit-user-select:none;user-select:none}.Character__Dialogue{background-color:var(--color-white);border-radius:11px;box-shadow:.5rem .5rem var(--color-blue);color:var(--color-black);padding:1rem}.Character__Skip{color:var(--color-faded-grey)}@media only screen and (min-width:900px){.Character__Container{align-items:flex-start;gap:20px}.Character__Dialogue{box-shadow:20px 20px var(--color-blue);padding:3rem;position:relative}.Character__Dialogue:after{-webkit-text-fill-color:var(--color-white);background-color:var(--color-white);border-radius:1rem;bottom:-30px;box-shadow:22px 22px var(--color-blue);content:".";font-size:3.5rem;font-weight:700;height:11px;left:0;line-height:30px;position:absolute;text-shadow:22px 22px var(--color-blue);width:55px;z-index:-2}@media screen and (prefers-reduced-motion:no-preference){.Character.Character__Talking{-webkit-animation:bounce .4s ease-in-out;animation:bounce .4s ease-in-out}.Character__Dialogue{-webkit-animation:float 5s ease-in-out infinite;animation:float 5s ease-in-out infinite}.Character__Dialogue,.Character__Dialogue:after{-webkit-transform:translateY(0);transform:translateY(0)}.Character__Dialogue:after{-webkit-animation:float2 5s ease-in-out infinite;animation:float2 5s ease-in-out infinite}}}@-webkit-keyframes bounce{0%,50%,to{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}75%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes bounce{0%,50%,to{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}75%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes float2{0%{line-height:30px;-webkit-transform:translateY(0);transform:translateY(0)}55%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{line-height:10px}to{line-height:30px;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float2{0%{line-height:30px;-webkit-transform:translateY(0);transform:translateY(0)}55%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{line-height:10px}to{line-height:30px;-webkit-transform:translateY(0);transform:translateY(0)}}.Dropdown{align-items:center;display:flex;justify-content:center;list-style-type:none;position:relative;z-index:100}.Dropdown,.Dropdown__Menu{-webkit-perspective:1000px;perspective:1000px}.Dropdown__Menu{left:0;position:absolute;top:100%;width:100%;z-index:-1}.Dropdown__Menu>li{background-color:var(--color-faded-grey);display:none;opacity:0;padding:.5rem 1rem}.Avatar{box-sizing:border-box;display:block;height:auto;max-width:100%;-webkit-user-select:none;user-select:none;width:3rem}.FocusableAvatar{cursor:pointer}.FocusableAvatar:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.FocusableAvatar.Focused{border-radius:0;box-shadow:0 0 10px 2px var(--color-blue);outline:1px solid var(--color-white)}@media screen and (prefers-reduced-motion:no-preference){.FocusableAvatar{transition:all .1s ease-in-out}}.Header{background-color:var(--color-faded-grey);border-radius:10px;margin-top:5px;overflow-x:auto;padding:.5rem 1rem}.Header__User{cursor:pointer;min-width:-webkit-max-content;min-width:max-content}.Header__User.Focused .Avatar{border-radius:0;outline:1px solid var(--color-white)}.Header__Clock,.Header__UserName{display:none}.Nav__Item{color:var(--color-white);cursor:pointer;opacity:.7;padding:1rem}.Nav__Item:hover{opacity:1;text-shadow:2px 2px var(--color-faded-grey)}.Nav__Item.Focused{background-color:var(--color-blue);box-shadow:8px 8px var(--color-white);opacity:1;-webkit-transform:translate(-4px,-4px);transform:translate(-4px,-4px)}@media only screen and (min-width:768px){.Header__User{padding:.5rem 1rem}.Header__User.Focused{background-color:var(--color-blue);outline:1px solid var(--color-blue)}.Header__Clock,.Header__UserName{display:block;white-space:nowrap}.Nav__Item{text-transform:uppercase}}@media only screen and (min-width:900px){.Nav__Item{padding:.5rem 3rem}}@media screen and (prefers-reduced-motion:no-preference){.Header__User .Avatar{transition:border-radius .1s ease-in-out}.Nav__Item{transition:opacity .1s ease-in-out}}.TextField{border:none;color:var(--color-faded-grey);font-size:.9rem;outline:none;padding:.8rem}.TextField.Focused{box-shadow:4px 4px var(--color-blue);color:var(--color-black)}.Button{background-color:var(--color-faded-light);border:1px solid var(--color-white);color:var(--color-white);cursor:pointer;outline:none;padding:.5rem 1.2rem}.Button:hover{background-color:var(--color-faded-grey);text-decoration:underline}.Button.Focused{background-color:var(--color-blue);border:1px solid var(--color-blue);box-shadow:8px 8px var(--color-white);-webkit-transform:translate(-4px,-4px);transform:translate(-4px,-4px)}.TopLeftButton{background-color:initial;border:none;color:var(--color-white);cursor:pointer;left:10%;outline:none;padding:4px 8px;position:absolute;top:10%}@media screen and (prefers-reduced-motion:no-preference){.Button{transition:background-color .2s ease-in-out}}.Login{height:100vh}.Login__Inner{border-radius:10px;padding:40px}.Login__Form{gap:20px}.Login__IconList{gap:2rem}.Login__IconChosen{height:6rem;width:6rem}.Login__Icon{height:4rem;width:4rem}.Login__Btn{box-shadow:0 0 5px 1px var(--color-black)}.Container{background-color:var(--color-faded-grey);border-radius:10px;padding:1rem}.Container.Focused{background-color:var(--color-blue);box-shadow:4px 4px var(--color-white)}.About__Container{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:1rem;text-align:center}.About__CharacterBubble{background-color:var(--color-yellow);border-radius:50%;box-shadow:0 0 5px 1px var(--color-yellow);width:150px}.About__SkillSummary{gap:50px}@media only screen and (min-width:768px){.About__Container{flex-direction:row;justify-content:center;text-align:start}}.ProgressBar{cursor:pointer;display:flex;justify-content:space-between;padding:.9rem}.ProgressBar:hover{background-color:var(--color-faded-grey)}.ProgressBar.Focused{background-color:var(--color-blue);position:relative}@media screen and (prefers-reduced-motion:no-preference){.ProgressBar{transition:background-color .2s ease-in-out}}.Skills__Page{display:flex;flex-direction:column;gap:20px}.Skills__Column{padding:1.4rem;white-space:pre-wrap}.Skills__Column,.SoftSkill{background-color:var(--color-faded-grey);border-radius:10px}.SoftSkill{padding:.8rem}@media only screen and (min-width:900px){.Skills__Page{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:.55fr .4fr;justify-content:space-between}}@-webkit-keyframes Filler{0%{width:0}to{width:var(--data-width)}}@keyframes Filler{0%{width:0}to{width:var(--data-width)}}.Link{border:1px solid var(--color-white);padding:.5rem 1.2rem;text-decoration:none}.Link,.Link:hover{color:var(--color-white)}.Link:hover{background-color:var(--color-faded-grey);text-decoration:underline}.Link.Focused{background-color:var(--color-blue);border:1px solid var(--color-blue);box-shadow:8px 8px var(--color-white);-webkit-transform:translate(-4px,-4px);transform:translate(-4px,-4px)}@media screen and (prefers-reduced-motion:no-preference){.Link{transition:color .3s ease-in-out}}.PreviewFrame__Container{bottom:0;height:100vh;left:0;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;width:100vw}.PreviewFrame__Darken{background-color:rgba(0,0,0,.9);height:100%;position:absolute;width:100%}.PreviewFrame__Btn{background-color:var(--color-white);border-radius:10px;color:var(--color-black);cursor:pointer;opacity:.75;padding:.5rem .75rem;transition:opacity .2s ease-in-out;z-index:1}.PreviewFrame__Inner{z-index:1}.PreviewFrame__Btn:hover{opacity:1}.PreviewFrame{background-color:var(--color-white);border:none;height:80vh;margin:0;outline:none;overflow-x:hidden;padding:0;width:80vw}.Project__ListHeader{padding-left:2rem}.Project__List{height:200px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.Project__List::-webkit-scrollbar{display:none}.Project{box-sizing:border-box;cursor:pointer;flex-shrink:0;max-width:200px;opacity:.5;scroll-snap-align:start;transition:opacity .5s ease-in-out;-webkit-user-select:none;user-select:none}.Project:hover{opacity:1}.Project.Focused{max-width:220px;opacity:1}.Project.Focused>img{border:1px solid var(--color-white)}.Project__Description{background-color:var(--color-faded-grey);border-radius:10px;padding:1.5rem}.Testimonial{display:grid;grid-template-columns:-webkit-max-content .5fr -webkit-max-content;grid-template-columns:max-content .5fr max-content;justify-content:space-between}.Contact{display:flex;flex-direction:column;gap:2rem}.Contact__Work{grid-gap:2rem;align-items:center;background-color:var(--color-faded-grey);border-radius:10px;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;padding:2rem}.Contact__WorkColumn{text-align:center}.Contact__Links{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,.15fr);justify-content:center}.Contact__Link{aspect-ratio:1;background-color:var(--color-faded-grey);border:none}.Contact__Link:hover{background-color:#1e1e1e;color:var(--color-blue)}.Contact__Link.Focused{background-color:var(--color-white);border:none;box-shadow:0 0 10px var(--color-white);color:var(--color-blue)}.Contact__Link svg{height:50%;width:50%}:root{--color-white:#fff;--color-black:#000;--color-blue:#3744fc;--color-yellow:#fff280;--color-faded-grey:rgba(30,30,30,.8);--background:url(/static/media/default.0e59709f80e8bc7f769d.webp);--darken:0.8}body{background-color:#222;background-image:url(/static/media/default.0e59709f80e8bc7f769d.webp);background-image:var(--background);background-position:50%;color:#fff;color:var(--color-white)}#root,body{background-size:cover}#root{background-color:rgba(0,0,0,.8);background-color:rgba(0,0,0,var(--darken))}.Inner{box-sizing:border-box;display:grid;grid-template-rows:-webkit-max-content 1fr;grid-template-rows:max-content 1fr;margin:0 auto;max-width:1280px;min-height:100vh;padding:0 1rem}main{padding-top:.5rem}.s{font-size:.8rem}.l{font-size:1.2rem}.xl{font-size:1.5rem}.b{font-weight:700}.i{font-style:oblique}.text-center{text-align:center}.text-right{text-align:right}.text-shadow{text-shadow:1px 1px #000;text-shadow:1px 1px var(--color-black)}.circle{border-radius:50%}.responsive-img{display:block;height:auto;max-width:100%}.list{list-style-type:none;margin:0;padding:0}.caret{overflow:hidden}.click-icon{cursor:pointer;text-shadow:2px 2px #000;text-shadow:2px 2px var(--color-black);-webkit-user-select:none;user-select:none}
/*# sourceMappingURL=main.b54a37e0.css.map*/