@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap);:root{--font-family:"Source Code Pro",monospace;--color-bg:#212020;--gradient-bar:linear-gradient(90deg,#3ded97,#82eee2);--gradient-text:linear-gradient(90deg,#3ded97,#82eee2);--color-main:#3ded97;--color-footer:#454648}*{box-sizing:border-box;color:#fff;font-family:var(--font-family);margin:0;padding:0;scroll-behavior:smooth}body{background:var(--color-bg)}a{color:inherit;text-decoration:none}.gradient__bg{background:linear-gradient(90deg,#454648 3%,#212020 99%)}.gradient__text{-webkit-text-fill-color:#0000;background:var(--gradient-text);background-clip:text;-webkit-background-clip:text}.section__padding{padding:4rem 6rem}.section__margin{margin:4rem 6rem}.scale-up-center{animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@keyframes scale-up-center{0%{transform:scale(.5)}to{transform:scale(1)}}@media screen and(max-width:700px){.section__padding{padding:4rem}.section__margin{margin:4rem}}@media screen and(max-width:550px){.section__padding{padding:4rem 2rem}.section__margin{margin:4rem 2rem}}.port__projects{display:flex;flex-direction:column}.port__projects-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;width:100%}.port__projects-heading button{background:var(--color-footer);border:1px solid var(--color-main);border-radius:5px;color:var(--color-main);cursor:pointer;font-size:18px;font-weight:500;padding:1rem}.port__projects-heading button:hover{background:var(--color-main);border:1px solid var(--color-footer);color:var(--color-footer);transition:color .3s ease-in-out,background .3s ease-in-out}.port__projects-heading h1{font-size:64px}.port__projects-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}@media screen and (max-width:750px){.port__projects-heading h1{font-size:48px}.port__projects-container{display:flex;flex-direction:column}}@media screen and (max-width:700px){.port__projects-heading{align-items:center;flex-direction:column;justify-content:center}}@media screen and (max-width:550px){.port__projects-heading h1{font-size:36px;margin-bottom:1rem}}@media screen and (max-width:425px){.port__projects{padding:0 2rem}}@media screen and (max-width:375px){.port__projects-heading{text-align:center}.port__projects-heading button{font-size:14px;margin-bottom:1rem;padding:.5rem}}.port__contact{display:flex;flex-direction:column;flex-wrap:nowrap;margin-top:2rem}.port__contact-heading{display:flex}.port__contact-heading h1{font-size:64px;margin-bottom:1rem}.port__contact-links p{font-size:24px;margin-bottom:1rem}.port__contact-links a:hover{color:var(--color-main);transition:color .3s ease-in-out}@media screen and (max-width:550px){.port__contact{padding-left:1rem;padding-right:1rem}.port__contact-heading h1{font-size:48px}.port__contact-links p{font-size:16px}}.port__header{display:flex}.port__header,.port__header-logo{align-items:center;justify-content:center}.port__header-logo{margin-right:2rem}.port__header-logo img{border-radius:50%;height:200px;width:200px}.port__header-content{align-items:flex-start;display:flex;flex-direction:column}.port__header-content h1{animation:typing 3s forwards;font-size:64px;padding:1rem;width:0}.port__header-content_bio{border-left:3px solid var(--color-main);display:flex;flex-direction:column;padding-left:1rem}.port__header-content_bio p{font-size:16px;line-height:24px;margin-bottom:1rem}.port__header-content_bio p:last-of-type{margin:0}.port__header-other{margin-top:1rem}.port__header-other button{background:var(--color-footer);border:1px solid var(--color-main);border-radius:5px;color:var(--color-main);cursor:pointer;font-size:18px;font-weight:500;padding:1rem}.port__header-other button:hover{background:var(--color-main);border:1px solid var(--color-footer);color:var(--color-footer);transition:color .3s ease-in-out,background .3s ease-in-out}@keyframes typing{0%{width:0}to{width:100%}}@media screen and (max-width:750px){.port__header{flex-direction:column;padding-left:1rem}.port__header-content h1{font-size:48px}.port__header-content_bio p{font-size:14px;line-height:20px}}@media screen and (max-width:350px){.port__header-content_bio{margin-right:1rem}}.port__navbar{align-items:center;background:var(--color-bg);display:flex;justify-content:space-between;padding:1rem 2rem;position:fixed;width:100%}.port__navbar-links{align-items:center;display:flex;justify-content:flex-start}.port__navbar-links a{border-radius:5px;cursor:pointer;font-size:18px;font-weight:500;margin:0 2rem;padding:.5rem}.port__navbar-menu{display:none;margin-right:1rem;position:relative}.port__navbar-menu_links{align-items:flex-start;background:var(--color-footer);border-radius:5px;box-shadow:0 0 5 #0003;display:flex;flex-direction:column;justify-content:flex-start;left:0;margin-top:1rem;min-width:210px;padding:2rem;position:absolute;top:40px}.port__navbar-menu_links a{border-radius:5px;margin:1rem 0;padding:.5rem}.port__navbar-links a:hover,.port__navbar-menu_links a:hover{background:var(--color-footer);color:var(--color-main);transition:color .3s ease-in-out}@media screen and (max-width:750px){.port__navbar-links{display:none}.port__navbar-menu{display:block}}.port__project-container{background-color:var(--color-footer);border-radius:5px;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.port__project-image,.port__project-image img{height:100%;width:100%}.port__project-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1rem 1.5rem}.port__project-content h3{margin-bottom:1rem}.port__project-content a{color:var(--color-main);margin-top:1rem}.port__project-container:hover{transform:scale(1.1);transition:transform .3s ease-in-out}.port__project-content a:hover{color:#fff;transition:color .3s ease-in-out}.port__tech{background:var(--color-footer);border-radius:5px;display:flex;flex-direction:column;padding:1rem 2rem}.port__tech-heading{align-items:flex-start;display:flex;justify-content:flex-start;margin-bottom:2rem}.port__tech-heading h1{font-size:64px}.port__tech-container{display:flex;flex-wrap:wrap;justify-content:space-between}.port__tech-container_item{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.port__tech-container_item p:first-of-type{margin-bottom:.5rem}@media screen and (max-width:790px){.port__tech-heading h1{font-size:48px}}@media screen and (max-width:435px){.port__tech-heading{padding:0 1.5rem;text-align:center}.port__tech-heading h1{font-size:36px}.port__tech-container{flex-direction:column}.port__tech{margin:2rem}}
/*# sourceMappingURL=main.33ca05a2.css.map*/