body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:2px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:.1rem;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h2{text-transform:uppercase}.header{align-items:center;background-color:initial;color:#000;display:flex;justify-content:space-around;padding:10px 0;position:fixed;top:0;width:100vw;z-index:1000}.header.scrolled{background-color:#f4f4f4}.logo a{color:silver;font-size:24px;text-decoration:none}.logo img{max-width:260px}.nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.nav ul li{font-weight:700;margin-left:20px}.nav ul li a{color:#000;font-size:.8rem;text-decoration:none;text-transform:uppercase}.nav ul li a:hover{color:#4e4e4e;font-size:.9rem}.hamburger{cursor:pointer;display:none;flex-direction:column;justify-content:center}.hamburger .bar{background-color:#000;height:2px;margin:2px 0;transition:.4s;width:25px}.nav.open{align-items:center;background:#f4f4f4;display:flex;height:100%;justify-content:center;left:0;position:fixed;text-align:center;top:0;transition:.5s ease;width:100%}@media (max-width:768px){.nav{display:none}.nav ul{flex-direction:column}.nav ul li{margin:10px 0}.hamburger{display:flex}.hamburger .bar.open:first-child{background-color:red;transform:rotate(-45deg) translate(-5px,3.5px)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){background-color:red;transform:rotate(45deg) translate(-5px,-3.5px)}}@media (max-width:480px){.logo img{width:120px}}footer{font-size:.8rem;padding:10px}.home,footer{background-color:#f4f4f4;color:#000}.home{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:70vh;position:relative;text-align:center}.home img{max-width:70%;z-index:1}.home p{font-size:1.5rem}.home-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;width:80%}.home-container-1 img{animation:continuousZoom 5s ease-in-out infinite}.home-container-1{max-width:800px;text-align:left;width:50%}.home-container-2{max-width:800px;text-align:center;width:50%}.home-container-2 img{border-radius:5px;height:auto;max-width:100%;width:100%}.home-container-header{font-size:2.2rem;font-weight:400;line-height:3rem}@media (max-width:1280px){.home{margin-top:70px}}@media (max-width:1024px){.home{margin-top:70px}.home-container{flex-direction:column;width:90%}.home-container-1,.home-container-2{max-width:none;width:100%}.home-container-2 img{max-width:100%}.home-container-header{font-size:2rem}}@media (max-width:768px){.home{margin-top:56px}.home-container-header{font-size:1.5rem}.home-container-2 img{max-width:100%}}@keyframes continuousZoom{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.about-container{align-items:center;background-color:#fff;box-sizing:border-box;color:#000;display:flex;flex-direction:column;height:100%;justify-content:center;max-width:100%;padding:80px 20px}.about-content h1{font-size:2rem;font-weight:400;text-align:left}.about-content h1 span{font-weight:700}.about-content-1 p{font-size:1rem;line-height:1.6;padding:10px 100px}.about-content-1{max-width:60vw}.about-content-1 p span{font-weight:700;padding:3px}.ab-bg{background-color:#d99329;height:10px;margin-bottom:20px;width:100%}.skills-container{width:80%}.skills-grid{background-color:#f4f4f4;display:flex;max-width:31%;padding:50px;text-align:left;z-index:1}.skills-wrapper{position:relative}.skill-grid-bgh{background-color:#d99329ab;height:2vw;left:-2.5%;top:-5%;width:10%}.skill-grid-bgh,.skill-grid-bgv{border-radius:2px;position:absolute;z-index:0}.skill-grid-bgv{background-color:#d99329c8;height:212px;left:36%;top:20%;width:3vw}.skill-box ul{display:flex;flex-wrap:wrap;justify-content:space-around;list-style:none;margin:0;padding:0}.skill-box ul li{box-sizing:border-box;margin:10px;text-align:center}.skill-box ul span{color:#d99329}@media (max-width:1024px){.skill-box{flex-basis:calc(40vw - 20px);max-width:calc(40vw - 20px)}.about-content h1{font-size:1.8em}.about-content-1 p{font-size:1em}.about-content-1{max-width:80vw}.skills-container{width:100%}.skills-grid{background-color:#f4f4f4;display:flex;max-width:70%;padding:50px;text-align:left;z-index:1}.skill-box{font-size:1rem;min-width:100%;z-index:1}.skill-grid-bgv{height:164px;left:78%;top:30%;width:5vw}}@media (max-width:768px){.skill-box{flex-basis:100%;max-width:100%}.about-content h1{font-size:1.6em}.about-content-1 p{font-size:1em}.about-content-1{max-width:80vw}.skills-container{width:100%}.skills-grid{background-color:#f4f4f4;display:flex;max-width:70%;padding:50px;text-align:left;z-index:1}.skill-grid-bg{height:200px;left:75%;width:8vw}.skill-box{font-size:.5rem;z-index:1}.skill-grid-bgv{height:164px;left:93%;top:30%;width:7vw}}@media (max-width:480px){.about-container{width:100%}.about-content h1{font-size:1rem}.about-content-1{font-size:.8rem;width:100%}.about-content-1 p{padding:0}.skill-grid-bgv{height:164px;left:93%;top:30%;width:7vw}}.projects-container{align-items:center;background-color:#f4f4f4;background-size:cover;color:#000;flex-direction:column;min-height:100vh;padding:20px;position:relative;text-align:center}.project-grid,.projects-container{display:flex;justify-content:center}.project-grid{flex-wrap:wrap;gap:20px;margin:20px 50px;z-index:1}.project-item{box-sizing:border-box;cursor:pointer;flex:1 1 300px;margin:10px;max-width:45%}.project-item img,.project-item video{border-radius:5px;display:block;height:auto;max-height:400px;object-fit:contain;width:100%}.project-modal{background-color:#f4f4f4;bottom:0;box-shadow:-2px 0 10px #00000080;color:#000;overflow-y:auto;padding:40px 20px;position:fixed;right:0;top:0;width:50vw;z-index:1000}.modal-content{padding-top:10px;position:relative}.close{color:red;cursor:pointer;font-size:32px;position:fixed;right:30px;top:20px;z-index:1100}.modal-content h3{color:#000;font-size:1em;margin-bottom:20px}.modal-content img{border-radius:5px;display:block;height:auto;margin-bottom:20px;max-height:400px;object-fit:contain;width:100%}.modal-content p{font-size:.9em;line-height:1.5;margin-bottom:20px;text-align:left}.technologies{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.technology{background:#d99329;border-radius:2px;color:#000;font-size:.8em;font-weight:700;padding:5px 10px}.external-links{display:flex;flex-direction:column;gap:10px;text-align:left}.external-link{border:3px solid #d99329;border-radius:2px;padding:20px}.external-link h3{color:#000;font-size:1.2em}.external-link a,.external-link h3{font-weight:700;text-decoration:none;transition:color .3s}.external-link a{color:#d99329;font-size:1em}.external-link a:hover{color:#253540}.project-grid img,.projects-container h2{z-index:1}.projects-container:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.tag-filter{margin:20px;z-index:1}.tag-filter button:hover{background-color:#253540;border:1px solid #253540;color:#fff}.tag-button{background-color:#d99329;border:1px solid #d99329;border-radius:5px;color:#000;cursor:pointer;font-weight:700;margin:5px;padding:15px;text-transform:uppercase;transition:background-color .3s,color .3s}.tag-button.selected{background-color:#253540;color:silver}@media (max-width:768px){.project-modal{width:80%}.project-item{max-width:100%}}.contact-container{align-items:center;background-color:#fff;color:#000;height:30vh;justify-content:center;padding:20px;position:relative;text-align:left}.contact-container,.contact-form{display:flex;flex-direction:column}.contact-form{max-width:500px;width:100%}.contact-form label{color:#000;font-size:1rem;margin-bottom:5px}.contact-form input,.contact-form textarea{background-color:#fff;border:1px solid #000;border-radius:5px;color:#00090b;font-size:1em;margin-bottom:20px;padding:10px}.contact-form input:focus,.contact-form textarea:focus{border-color:silver;outline:none}.contact-form button{background-color:#d99329;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1em;font-weight:700;padding:10px 20px;text-transform:uppercase;transition:background-color .3s}.contact-form button:hover{background-color:#253540;color:#fff}.thank-you-message{color:#253540;font-size:1.2em;margin-top:20px}.email-button{background-color:#d99329;border:none;color:#000;cursor:pointer;font-size:1em;font-weight:700;padding:10px 20px;text-transform:uppercase;transition:background-color .3s ease}.email-button:hover{background-color:#253540;color:#fff}html{scroll-behavior:smooth}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.e24282f5.css.map*/