:root{--bg:#10141c;--darkbg:#0d1117;--navbar:#10141c;--footer:#0b0b0d;--card:hsla(0,0%,100%,0.04);--highlight:#70d4ff;--pop:#2f9fee;--text:#f5f5f5;--shadow:rgba(0,0,0,0.2)}.App{text-align:center}body{margin:0;font-family:"Arial";background-image:linear-gradient(180deg,var(--bg),var(--darkbg));overflow-x:hidden}body,h1{color:var(--text)}h1{font-size:2.5rem;font-weight:500;padding-bottom:1rem}h2{font-size:2rem}h2,h3{color:var(--text)}h3{font-size:1.5rem}p{color:var(--text);font-size:16px}a:hover,a:link,a:visited{text-decoration:none}a:hover{color:var(--highlight)}a:active{text-decoration:none}.link-wrapper,.link-wrapper:active,.link-wrapper:hover{text-decoration:none;color:var(--text)}.page{position:relative;justify-content:center;align-items:center;margin-top:8rem;margin-bottom:4rem}.page,.section{color:var(--text)}.section{margin-top:4rem}.custom-button{color:var(--text);background-color:var(--pop);border-radius:8px;border-style:none;box-sizing:border-box;cursor:pointer;line-height:20px;outline:none;padding:.5rem 1rem;margin:.5rem;text-align:center;text-decoration:none;transition:color .3 ease-out;transition:background-color .3 ease-out;touch-action:manipulation}.custom-button:hover{background-color:var(--highlight)}.nav-container{padding:auto}.navbar{background-color:var(--navbar);transition:all .3s ease-out 0s;box-shadow:0 10px 10px 0 var(--shadow);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);height:3.5rem}.navbar-toggler{position:relative;background-color:initial;border-color:transparent}.navbar-toggler span{display:block;background-color:var(--text);height:4px;width:27px;margin-top:5px;margin-bottom:5px;transform:rotate(0deg);left:0;opacity:1}.navbar-toggler-icon:focus,.navbar-toggler:active,.navbar-toggler:focus{outline:none}.navbar-toggler span:first-child,.navbar-toggler span:nth-child(3){transition:transform .35s ease-in-out}.navbar-toggler:not(.collapsed) span:first-child{position:absolute;left:12px;top:10px;transform:rotate(135deg);opacity:.9}.navbar-toggler:not(.collapsed) span:nth-child(2){height:12px;visibility:hidden;background-color:initial}.navbar-toggler:not(.collapsed) span:nth-child(3){position:absolute;left:12px;top:10px;transform:rotate(-135deg);opacity:.9}.navbar-brand{color:var(--text);height:100%}.navbar-nav .nav-link,.navbar-nav .nav-link:active,.navbar-nav .nav-link:focus{color:var(--text);padding-right:1rem;padding-left:1rem}.navbar-nav .nav-link:hover{color:var(--highlight);text-decoration:none}.logo{height:3.5rem;width:auto}.navbar-nav .nav-item{position:relative;margin-left:20px}.navbar-nav .nav-item a{font-weight:400;transition:all .3s ease-out 0s;position:relative;z-index:1}.navbar-nav .nav-item a:after{content:"";position:relative;display:block;height:5px;width:0;border-radius:16px;background:var(--highlight);bottom:1px;left:0;z-index:-1;transition:all .3s ease-out 0s}.navbar-nav .nav-item a:hover:after{width:100%}@media (max-width:767px){.navbar{font-size:1.4rem;height:auto}.nav-link{padding:.5rem 1rem}.navbar-nav .nav-item a:after{display:none}.logo{height:48px}}.footer{background-color:var(--footer);bottom:0;padding:.5rem 0}.footer-links,.footer-name{display:flex;align-items:center}.footer-links{justify-content:right}.footer-icons{text-align:right;font-size:22px;margin:0;padding:0 1rem}.footer h3{font-size:1em;color:var(--text);padding:0 1rem;margin:0}.home-body{color:var(--text);padding-top:3rem;padding-left:2rem;padding-right:2rem;font-size:1.2em;text-align:center}.home-social{justify-content:center;padding-top:1rem;padding-inline-start:0}.home-social,.home-social-icons{display:inline-block;position:relative}.home-social-icons{width:40px;height:40px;text-align:center;font-size:1.2em;line-height:2em;background:hsla(0,0%,100%,.972);border-radius:50%;transition:.5s ease-out}.home-social-icons:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:var(--highlight);transition:.5s ease-out;transform:scale(.9);z-index:-1}.home-social-icons:hover:before{transform:scale(1.1);box-shadow:0 0 15px var(--highlight)}.home-social-icons:hover{color:var(--pop);box-shadow:0 0 5px var(--highlight);text-shadow:0 0 2px var(--highlight)}.social-icons{display:inline-block;padding:0 1rem}.icon-color{color:var(--darkbg)}.avatar{justify-content:center}@media (max-width:767px){.avatar{padding-top:2em;padding-bottom:2em}}.button-container{display:flex;justify-content:center;align-items:center;grid-gap:2rem;gap:2rem;flex-wrap:wrap;margin:4rem auto}.image-link{width:25%;aspect-ratio:1;display:flex}.image-button{display:flex;width:100%;background-size:cover;background-position:50%;align-items:center;justify-content:center;color:var(--text);font-size:20px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);border:none;position:relative;overflow:hidden;border-radius:8px;transition:transform .3s ease-in-out}.image-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:1}.image-button span{z-index:2}.image-button:hover{transform:scale(1.1)}.image-button:hover:before{background-color:transparent}@media (max-width:767px){.button-container{flex-direction:column}.image-link{width:80%;height:30vh}}.project-card{display:flex;align-items:center;text-align:left;background-color:var(--card);border-radius:8px;transition:box-shadow .5s ease-out;overflow:hidden;margin:4vh auto;padding:2rem}.project-card:hover{box-shadow:0 0 16px var(--highlight)}.project-card img{margin-right:2rem;object-fit:cover;width:40%}.project-card-content{margin:0;padding:0;width:60%}.projects-card-content button{margin-top:10px}.project-header{display:flex;height:100vh;align-items:center;justify-content:flex-end;text-align:right;color:var(--text)}.project-header h1{font-size:3em;padding-bottom:16rem;padding-right:12vw}.display{margin-top:2rem;margin-bottom:4rem;text-align:center;color:var(--text)}@media (max-width:767px){.project-card{flex-direction:column;align-items:flex-start;text-align:center;margin:4vh auto;max-width:90%}.project-card img{width:100%;margin:0 auto}.project-card-content{margin-top:16px;width:100%}.project-header h1{padding-right:8vw}.parallax{background-size:100vh auto}}.parallax{background-image:url(/static/media/parallax.0b88b99c.gif);width:100%;height:100vh;padding-top:70px;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.art-page{position:relative;justify-content:center;align-items:center;margin:8rem 10vw 4rem;color:var(--text)}.art-card{position:relative;width:100%;overflow:hidden;border-radius:8px;margin-bottom:1.5rem;transition:all .5s ease-out}.art-image{width:100%;height:auto;display:block;transition:transform .3s ease-out}.art-card:hover .art-image{cursor:pointer;transform:scale(1.1)}.art-caption{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7);color:var(--text);padding:10px;text-align:center;transform:translateY(100%);transition:transform .3s ease-in-out}.art-card:hover .art-caption{transform:translateY(0)}.art-card.expanded{width:100vw;z-index:10;margin:0 -10vw 1.5rem;border-radius:0}.art-card.expanded .art-image{transform:scale(1.1)}.about-section{display:flex;padding:0 10vw;margin:2rem auto;justify-content:center;align-items:stretch}.about-section p{text-align:left}.about-column img{width:100%;max-width:480px;height:100%;object-fit:cover;border-radius:8px}.about-link{color:var(--pop);text-decoration:none}.timeline{position:relative;margin-left:2rem;max-width:1200px}.timeline-item{align-items:center;position:relative;margin:2rem auto;text-align:left}.timeline-item:before{content:"";position:absolute;left:-5%;top:-2rem;bottom:-2rem;width:4px;background-color:var(--pop)}.timeline-item:first-child:before{top:50%;bottom:-10%}.timeline-item:last-child:before{top:-10%;bottom:50%}.line-connector{position:absolute;left:-5%;top:50%;height:4px;width:5%;background-color:var(--pop)}.timeline-content{display:flex;align-items:center;background-color:var(--card);border-radius:8px;padding:1rem;position:relative;box-shadow:0 4px 8px var(--shadow);transition:all .3s ease-out 0s}.timeline-content:hover{box-shadow:0 0 8px var(--highlight)}.timeline-text{margin:0 1rem}.timeline-content .company-logo{width:6rem;margin:0 1rem}.timeline-content h4{font-weight:400}.timeline-content p{margin:.3rem 0 0;font-size:.9rem;color:var(--text-light)}@media (max-width:768px){.about-section{flex-direction:column-reverse;margin:0}.about-column{margin-bottom:2rem}.skill-block{margin:1rem .5rem}.timeline{margin:0 auto}.timeline:before{display:none}.timeline-item{display:block;width:100%;text-align:left;margin:2rem auto}.line-connector,.timeline-item:before{display:none}.timeline-content .company-logo{margin:0}}.filters{justify-content:left;text-align:left}.buttons-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}select option{font-size:14px}.cat-button label span{text-align:center;display:block;background-color:var(--darkbg);margin:.5rem;border-radius:.5rem;border:1px solid var(--pop);padding:7px;color:var(--text);transition:box-shadow .3s ease-in-out 0s;transition:color .3s ease-in-out 0s;transition:background-color .3s ease-in-out 0s}.cat-button label span:hover{box-shadow:0 0 8px var(--highlight)}.cat-button span svg{margin:0 2px}.cat-button label input{position:absolute;display:none;color:#fff!important}.cat-button input:checked+span{background-color:var(--darkbg);border-radius:.5rem;border:1px solid var(--pop);padding:7px;color:var(--text)}.cat-button input:not(:checked)+span{background-color:var(--bg);border-radius:.5rem;border:none;padding:8px;color:var(--text)}.filter-button{color:var(--text);background-color:var(--darkbg);border-radius:8px;border-style:none;box-sizing:border-box;cursor:pointer;outline:none;padding:4px 8px;margin:16px 4px 0;text-align:center;text-decoration:none;transition:box-shadow .3 ease-out;touch-action:manipulation}.filter-button:hover{box-shadow:0 0 8px var(--highlight)}@media (max-width:768px){.cat-button label span{margin:4px}}
/*# sourceMappingURL=main.9940985f.chunk.css.map */