.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)}}.card,.card-body,.card-header,.form-btn,.projects,body{background:#161616;color:#fff}main{gap:30rem;margin:0 auto;max-width:1100px;padding:0 1rem}.webDev{height:100vh}#myProjects,.projects{border:1px solid #5d5d5d;border-radius:1.1rem;letter-spacing:.1rem;padding:.5rem;text-decoration:none;width:10rem}.techStackList{flex-wrap:wrap;gap:1rem}#projects .appearOnScroll{gap:1rem}ul{padding:0}.form-btn{border-radius:1.5rem;margin-bottom:1rem;padding:.7rem 2rem}.form-btn,.view{border:1px solid #5d5d5d}.view{border-radius:1.1rem;padding:.5rem 1rem;text-decoration:none}.card{border:1px solid #5d5d5d}#myProject,#myProjects,.card-header,footer,form,h1,h2,nav{font-family:Barlow Condensed,sans-serif}.card-body p{font-family:IBM Plex Mono,monospace}h1,h2{font-weight:900;letter-spacing:.4rem}#navbar{font-size:20px}#navbar,footer{background:#161616}.nav-item:hover,.projects:hover{color:#fff;font-weight:700}li{list-style-type:none}form{font-size:18px;gap:1rem}button,form{letter-spacing:.2rem}form input{height:1.75rem}#message,#message:focus,input[type=email],input[type=email]:focus,input[type=text],input[type=text]:focus{background-color:#161616;color:#fff}@keyframes swipe-in-left{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:no-preference){.appearOnScroll.animate{animation:swipe-in-left 1s ease-out forwards}}
/*# sourceMappingURL=main.c57eb630.css.map*/