body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#161616}.bottom-spacer,.top-spacer{height:0}.sticky{left:0;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:10}.header{align-items:center;display:flex;justify-content:center;padding:10px}.header_link{background-color:initial;border:none;color:#f5f5f5;cursor:pointer;font-weight:700;margin:0 10px;outline:none;overflow:hidden;padding:10px 20px;position:relative;transition:color .3s ease}.header_link:before{background-color:#aa2828;bottom:0;content:"";height:0;left:0;position:absolute;transition:height .4s ease;width:100%;z-index:-1}.header_link:hover:before{height:100%}.header_link:hover,.selected{color:#fff}.selected{border-bottom:2px solid #aa2828}body{font-family:Roboto,sans-serif;overflow-y:scroll;scroll-snap-type:y mandatory}#About{background-color:#161616;justify-content:center;min-height:33vh;padding:2em}#About,#Projects{align-items:center;color:#fff;display:flex;flex-direction:column;scroll-snap-align:center}#Projects{background-color:#363434;min-height:60vh;padding:7em 2em}#Projects h2{font-size:40px}#Contact{align-items:center;background-color:#363434;color:#fff;display:flex;flex-direction:column;min-height:30vh;padding:7em 2em;scroll-snap-align:center}#Contact h2{color:#fff;font-size:40px;margin-bottom:20px;text-align:center}#Contact form{display:flex;flex-direction:column;max-width:400px;width:100%}#Contact input,#Contact textarea{background-color:#333;border:none;border-bottom:2px solid #444;border-radius:0;box-sizing:border-box;color:#fff;font-size:16px;margin-bottom:15px;padding:15px;width:100%}#Contact input::placeholder,#Contact textarea::placeholder{color:#aaa;font-family:Roboto,sans-serif;font-size:16px}#Contact textarea{height:100px;resize:vertical}#Contact button{align-self:flex-end;background-color:initial;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:700;overflow:hidden;padding:10px 20px;position:relative;text-align:center;z-index:1}#Contact button:before{background-color:#aa2828;bottom:0;content:"";height:2px;left:0;position:absolute;transition:height .4s ease;width:100%;z-index:-1}#Contact button:hover:before{height:100%}#Contact button:hover{color:#fff}.solid-border{background-color:#aa2828;height:4px;margin:0}.footer{align-items:center;background-color:#161616;display:flex;flex-direction:column;padding:40px}.github-link{color:#fff;text-decoration:none;transition:color .3s ease}.github-link:hover{color:#aa2828}.footer-text{color:#fff;font-size:12px;margin-top:5px;text-align:center}.projects-container{display:flex;flex-direction:column;gap:20px;max-width:900px;width:100%}.project-card{align-items:center;background-color:#2d2d2d;border-radius:10px;box-shadow:0 4px 6px #0000004d;display:flex;overflow:hidden;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 8px 15px #d1bbbb4d;transform:translateY(-5px) scale(1.05)}.project-image{height:auto;object-fit:cover;width:40%}.project-info{color:#fff;padding:20px;transition:transform .3s ease-in-out,opacity .3s ease-in-out;width:60%}.project-card:hover .project-info{opacity:.9;transform:translateX(5px)}.project-info h3{font-size:24px;margin-bottom:10px}.project-info p{color:#bbb;font-size:16px}@media (max-width:768px){.project-card{flex-direction:column}.project-image{width:100%}.project-info{text-align:center;width:100%}}.profile-image{border:3px solid #fff;border-radius:50%;display:block;height:200px;margin:0 auto 20px;object-fit:cover;width:200px}#About{margin:0 auto;max-width:600px;text-align:center}#About p{font-size:16px;line-height:1.4;margin:0 auto;max-width:500px}.resume-button{align-items:center;background-color:#aa2828;border-radius:5px;color:#fff;display:inline-flex;font-size:16px;font-weight:700;margin-top:15px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.resume-button:hover{background-color:#c83232;transform:scale(1.05)}.arrow-icon{font-size:14px;margin-left:8px;transition:transform .3s ease}.resume-button:hover .arrow-icon{transform:translateX(3px) translateY(-3px)}.tech-stack{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.tech-keyword{border:2px solid #aa2828;border-radius:20px;color:#aa2828;display:inline-block;font-size:14px;font-weight:700;padding:5px 12px}.project-buttons{display:flex;gap:15px;margin-top:15px}.project-button{border-radius:5px;font-size:14px;font-weight:700;padding:10px 15px;text-decoration:none;transition:transform .2s ease,background-color .3s ease}.live-demo{background-color:#aa2828;color:#fff}.source-code{background-color:#363434;color:#fff}.project-button:hover{transform:scale(1.05)}.live-demo:hover{background-color:#c83232}.source-code:hover{background-color:#505050}
/*# sourceMappingURL=main.60640812.css.map*/