@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rajdhani:wght@300;400;500;600;700&display=swap";html,body{font-size:18px;scroll-behavior:smooth;position:relative;overflow-x:hidden}body{margin:0;background-color:var(--dark-1);color:var(--light-1);font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;justify-content:center;align-items:center;overflow-y:overlay}body::-webkit-scrollbar{height:.25rem;width:.25rem}body::-webkit-scrollbar-track{background-color:transparent}body::-webkit-scrollbar-thumb{background-color:var(--light-1);border-radius:15px}body::-webkit-scrollbar-corner{background:var(--dark-1)}a{text-decoration:none}img{user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}ul{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:.5rem;padding:0;max-height:20rem}li{list-style:none;font-size:.8rem;width:13rem;margin:.25rem 1rem .25rem 0}li:before{content:"";display:inline-block;height:10px;width:10px;background-size:contain;background-image:url(/assets/bullet-y4tAc0pL.png);margin-right:.5rem}code{font-family:Roboto Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;color:var(--primary);font-size:.9rem}section{margin:0 2.5rem;max-width:80rem}:root{--red: #ff194b;--yellow: #ffde20;--green: #13ff6d;--blue: #3ea8ff;--purple: #bd6dff;--primary: #06f7e7;--primary-transparent: #00ffff15;--black: #040404;--white: #f5f5f5;--dark-1: #080914;--dark-2: #101225;--dark-3: #171a33;--dark-4: #24284d;--dark-transparent: #0809147e;--light-1: #8a8e9e;--light-2: #b7bbcc;--light-3: #c0c0c0;--light-4: #d0d0d0;--light-5: #e0e0e0;--light-transparent: #ffffff3a;--font-code: "Roboto Mono", monospace;--font-main: "Roboto", sans-serif}.view{display:flex;justify-content:center;align-items:center;width:-webkit-fit-content;width:fit-content;max-width:100vw;margin:2rem 3rem 5rem;min-height:70vh;min-width:90%}.code{font-family:Roboto Mono,monospace;color:#06f7e7;font-size:.9rem}.section-title{font-weight:700;font-size:2rem;color:var(--light-5);margin-bottom:2rem;display:flex;justify-content:center;align-items:center;justify-content:flex-start}.section-title .line{margin-left:1.3rem;width:100%;border-bottom:.5px solid var(--dark-4)}.section-title img{width:1.5rem;margin-right:1rem}.section-content{display:flex;justify-content:center;align-items:center;align-items:flex-start}p{line-height:1.5rem}.theme-border{border-color:var(--light-1) var(--primary) var(--primary) var(--light-1);border-style:dashed solid solid dashed;border-width:2px 1px 1px 2px;border-radius:4px;padding:1rem}.Nav{width:98vw;display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;position:fixed;left:0;top:0;transition:.5s ease-out;background-color:transparent;border-bottom:1px solid transparent;z-index:2;height:3.5rem;-webkit-backdrop-filter:none;backdrop-filter:none}.Nav a{height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content}.Nav a img.logo{width:78px;height:48px}.Nav button{border:0;background:inherit;height:-webkit-fit-content;height:fit-content}.Nav .nav-right>button,.Nav .nav-right>a{margin-left:3rem}.Nav .nav-right>button:not(.resume),.Nav .nav-right>a:not(.resume){margin-top:.6rem}.Nav.pop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--dark-transparent);border-bottom:1px solid var(--light-1)}.Nav.expand{height:100vh}.Nav.expand .nav-dropdown{bottom:0}.Nav .nav-left,.Nav .nav-right{display:flex;margin:.5rem 1vw;padding-right:1rem}.Nav .nav-dropdown{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:-55rem;bottom:initial;opacity:0;transition:.5s ease-out;margin:auto;width:92vw}.Nav .nav-dropdown .nav-item{font-size:1.5rem;margin:0 0 4rem}.Nav .nav-dropdown .nav-item.resume{padding:1.2rem}.Nav .fa{display:none;font-size:2rem;color:var(--light-1);margin-top:.5rem;margin-right:2rem;cursor:pointer}.Nav .fa:hover,.Nav .fa.active{color:var(--light-5)}.Nav img{width:2rem}.Nav .nav-item{font-family:Roboto Mono,monospace;font-size:1rem;-webkit-user-select:none;user-select:none;color:var(--light-2);cursor:pointer;transition:.3s;border:1px solid transparent;border-radius:4px}.Nav .nav-item:hover{color:var(--primary)}.Nav .nav-item.resume{border-color:var(--primary);color:var(--primary);padding:.6rem .7rem .7rem}.Nav .nav-item.resume:hover{background-color:#64ffda1a}.Nav .nav-item.selected{color:var(--primary)}@media screen and (max-width: 900px){.Nav .nav-right{display:none}.Nav.expand .nav-dropdown{display:flex;opacity:1;top:5.5rem}.Nav .fa{display:flex}}.Hero{padding-top:0}.Hero section{margin-top:8rem}.Hero .greeting{margin-bottom:.5rem;margin-left:.1rem}.Hero .name{font-size:4rem;font-weight:700;color:var(--light-5);margin-bottom:.5rem}.Hero .role{font-size:3rem;font-weight:700}.Hero .description{margin:1rem 0;max-width:42rem}.Hero .description p{margin:.5rem .1rem}.Hero .Button{margin:.5rem .2rem}.Hero a.hero-contact{border:1px solid red;cursor:crosshair}@media screen and (max-width: 1024px){.Hero .name{font-size:3rem}.Hero .role{font-size:2.5rem}}@media screen and (max-width: 768px){.Hero .name{font-size:2.7rem}.Hero .role{font-size:1.8rem}}@media screen and (max-width: 638px){.Hero .name{font-size:2rem}.Hero .role{font-size:1.6rem}}.Button{padding:.8rem .9rem;border:1px solid var(--primary);border-radius:4px;width:-webkit-fit-content;width:fit-content;font-family:var(--font-code);color:var(--primary);font-size:.9rem;transition:.3s;-webkit-user-select:none;user-select:none}.Button:hover{cursor:pointer;background-color:var(--primary-transparent)}.About{display:flex;flex-direction:column;align-items:flex-start}.About section{margin:0 6rem;max-width:78rem}.About .section-title .title{min-width:9rem;max-width:9rem;display:inline-block}.About .picture{padding:.5rem .5rem .3rem;margin-top:.3rem;margin-right:2rem;margin-bottom:1rem;width:-webkit-fit-content;width:fit-content}.About .picture img{border-radius:4px;max-width:15rem}.About .bio{display:flex;flex-direction:column;width:100%}.About .bio p{margin-top:0;width:100%}.About .technologies{max-width:30rem;margin:.5rem 0 2rem}@media screen and (max-width: 1200px){.About section{margin:0 2.5rem}}@media screen and (max-width: 900px){.About .section-content{flex-direction:column-reverse}.About section{max-width:78rem}.About .picture{margin-right:0}}.Skills section{max-width:78rem}.Skills .section-content{display:flex;flex-direction:row;justify-content:space-between}.Skills .SkillsItem{background-color:#101225;padding:1.5rem;border-radius:4px;width:28%;height:30rem;flex-shrink:1}.Skills .SkillsItem:nth-child(2) ul.sublist li{width:-webkit-max-content;width:max-content}.Skills .SkillsItem ul{display:flex;flex-direction:column;align-content:flex-start}.Skills .SkillsItem ul.list{height:10rem}.Skills .SkillsItem ul.sublist{max-height:20rem}.Skills .SkillsItem li{width:12rem}.Skills .SkillsItem .divider{border-bottom:1px solid #8a8e9e;margin:1rem 0}.Skills .SkillsItem .title{font-size:1.5rem;font-weight:700;color:var(--light-5);display:flex;justify-content:space-between;align-items:center}.Skills .SkillsItem .title img{height:1.3rem;width:1.3rem}.Skills .SkillsItem .description{margin:1rem 0}@media screen and (min-width: 1200px){.Skills .SkillsItem ul{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,auto);grid-auto-flow:column;align-content:flex-start;gap:.5rem}}@media screen and (max-width: 1200px){.Skills section{width:100%}.Skills .section-content{flex-direction:column}.Skills .SkillsItem{width:93%;margin-bottom:1rem;height:-webkit-fit-content;height:fit-content}.Skills .SkillsItem ul{flex-direction:column;align-content:flex-start;height:-webkit-fit-content;height:fit-content}.Skills .SkillsItem ul.list{max-height:8rem}.Skills .SkillsItem ul.sublist{max-height:11rem}.Skills .SkillsItem .title{justify-content:flex-start}.Skills .SkillsItem .title img{margin-left:1rem}}@media screen and (max-width: 768px){.Skills .SkillsItem{width:84vw}.Skills .SkillsItem ul.list{max-height:10rem}.Skills .SkillsItem ul.sublist{max-height:12rem}}@media screen and (max-width: 640px){.Skills .section-title{padding:0 1.5rem}.Skills .SkillsItem ul.list{height:initial;max-height:-webkit-fit-content;max-height:fit-content}.Skills .SkillsItem ul.sublist{max-height:-webkit-fit-content;max-height:fit-content;display:flex;flex-direction:column;align-content:flex-start}}@media screen and (max-width: 340px){.Skills .SkillsItem ul li{font-size:.7rem;width:-webkit-max-content;width:max-content}}.Projects section{max-width:78rem}.Projects .section-title{margin-left:.1rem}.Projects .section-content{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.Projects .ProjectItem{background:var(--dark-3);background-repeat:no-repeat;background-size:cover;background-position:top;border-radius:5px;width:28%;padding:1.5rem;height:12rem;flex-shrink:1;margin-bottom:1.7rem;border:2px solid var(--dark-1);border-width:2px 1px 1px 2px;transition:.3s;background-blend-mode:luminosity;box-shadow:0 0 100px var(--dark-transparent) inset}.Projects .ProjectItem header{display:flex;justify-content:space-between;align-items:center}.Projects .ProjectItem img{width:1rem;align-self:flex-end;margin-bottom:.4rem;opacity:.5}.Projects .ProjectItem .title{font-size:1.4rem;font-weight:700;transition:.3s;color:var(--light-2)}.Projects .ProjectItem .description{margin:1rem 0;height:2rem}.Projects .ProjectItem .technologies{display:flex;flex-direction:row;flex-wrap:wrap;height:6rem;align-content:flex-start;opacity:.8}.Projects .ProjectItem .technologies li{width:7rem;color:var(--light-2)}.Projects .ProjectItem .technologies span{margin-right:1rem}.Projects .ProjectItem:hover{border-color:var(--light-1) var(--primary) var(--primary) var(--light-1);border-style:dashed solid solid dashed;border-width:2px 1px 1px 2px;border-radius:4px;padding:1.5rem;cursor:pointer;background-blend-mode:normal;box-shadow:0 0 10px var(--dark-transparent) inset}.Projects .ProjectItem:hover .title{color:var(--light-5)}.Projects .ProjectItem:hover .description{color:var(--light-3)}.Projects .ProjectItem:hover .technologies{opacity:1}.Projects .ProjectItem:hover .technologies li{color:var(--primary)}.Projects .ProjectItem:hover img{opacity:1}.Projects .gh-link a.code{transition:.1s}.Projects .gh-link a.code:hover{color:var(--light-5)}.Projects .gh-link li{width:15rem}@media screen and (max-width: 1200px){.Projects .ProjectItem{width:43%;height:12rem}.Projects .ProjectItem .title{justify-content:flex-start}.Projects .ProjectItem .title img{margin-left:1rem}}@media screen and (max-width: 950px){.Projects .ProjectItem{width:92%;height:9rem;margin-bottom:1rem}.Projects .ProjectItem .title{justify-content:flex-start}.Projects .ProjectItem .title img{margin-left:1rem}}@media screen and (max-width: 768px){.Projects .ProjectItem{width:95%;height:16rem;margin-bottom:1rem}.Projects .ProjectItem .title{justify-content:flex-start}.Projects .ProjectItem .title img{margin-left:1rem}.Projects .ProjectItem .description,.Projects .ProjectItem .technologies{height:-webkit-max-content;height:max-content}}.Contact{min-height:initial;background-color:var(--dark-3);padding:3rem 0;width:100vw;margin:4rem 2rem 0}.Contact section{max-width:37rem}.Contact .section-title{display:flex;justify-content:center;align-items:center}.Contact .section-content{flex-direction:column;justify-content:flex-start;border-radius:8px;border-width:2px 1px 1px 2px}.Contact .section-content p{margin:0 0 1rem}.Contact .section-content .links{display:flex;width:100%;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.Contact .section-content .links .button{margin:1rem 1rem 1rem 0}.Contact .section-content .links .icons{margin-top:1rem;display:flex;justify-content:center;align-items:center}.Contact .section-content .links .icons a{height:-webkit-fit-content;height:fit-content;color:var(--light-1);margin-left:1rem;border-radius:100%}.Contact .section-content .links .icons a:nth-child(1){margin-left:0}.Contact .section-content .links .icons .fa{background-color:var(--dark-2);padding:1rem;border-radius:100%;height:.9rem;width:.9rem;display:flex;justify-content:center;align-items:center;border:2px solid transparent;font-size:1.5rem;cursor:pointer;transition:.3s}.Contact .section-content .links .icons .fa:hover{background-color:var(--dark-1);color:var(--light-5)}@media screen and (max-width: 368px){.Contact{background-color:transparent}.Contact section{border-color:transparent;padding:0}}.App{display:flex;justify-content:center;align-items:center;flex-direction:column}.App #about,.App #skills,.App #projects,.App #contact{margin-bottom:6rem}.App .nav-container{height:0;overflow:visible;position:-webkit-sticky;position:sticky;top:0;z-index:2}.App .scroller{align-self:flex-end;height:5rem;width:5rem;right:3rem;bottom:3rem;border-radius:100%;background-color:var(--blue);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;position:fixed;overflow:visible;opacity:.7;display:flex;justify-content:center;align-items:center;transition:.3s;border:2px solid transparent;zoom:80%;background-image:url(/assets/arrow-ySfOuuFE.png);background-position-x:1.7rem;background-position-y:1.5rem;background-size:2rem 2rem;background-repeat:no-repeat;transform:rotate(-90deg)}.App .scroller:hover{opacity:1}.App .scroller.hide{bottom:-10rem}.App footer{width:100%;height:7rem;font-size:.8rem;display:flex;justify-content:center;align-items:center}.App footer span{font-family:var(--font-code);margin-left:.4rem}@media screen and (max-width: 640px){.App .scroller{zoom:60%;right:2rem;bottom:3rem}}