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{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)}}.custom-header{background:#2874ae;color:#fff;height:60px;justify-content:space-between;padding:0 40px}.custom-header,.header-left{align-items:center;display:flex}.profile-pic{border-radius:50%;height:40px;margin-right:12px;width:40px}.site-name{font-size:1.2rem;font-weight:700;letter-spacing:2px}.header-nav{display:flex;gap:24px;margin-left:auto}.header-nav a{color:#fff;font-weight:700;text-decoration:none;transition:color .2s}.contact,.header-nav a.active,.header-nav a:hover{color:#fff}.contact{background:#ffd100;border:none;border-radius:8px;cursor:pointer;font-weight:700;margin-left:20px;padding:8px 16px;transition:background .2s}.contact:hover{background:#bd9b07}.hero-section,.hero-section-vertical{align-items:center;background:#2874ae;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;min-height:calc(100vh - 60px);min-width:100vw;padding:60px 80px}.hero-section-vertical{flex-direction:column}.hero-left{flex:1 1;text-align:left}.title{color:#ffd100;font-size:2rem}.hero-top,.title{text-align:center}.hero-top{background:#2874ae;flex:1 1}.hero-right{align-items:center;display:flex;flex:1 1;justify-content:center}.profile-img{background-color:#ffd100;box-shadow:0 8px 32px #0003;height:auto;width:600px}.profile-img-container{padding:20px}.welcome{color:#bfc3c9;letter-spacing:2px;margin-bottom:16px}h1{font-size:5rem;margin:0 0 24px}.highlight{color:#ffd100;font-weight:700}.description{color:#fff;margin-bottom:32px;text-align:left}.description-centered{color:#fff;margin-bottom:32px;text-align:center}.download-button{color:#bfc3c9;display:block;margin-top:32px;text-align:left}.skill-icons-panel{grid-gap:32px;align-items:center;background:none;display:grid;gap:32px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);justify-items:center;margin:0 auto;padding:32px 0}.skill-icon-card{align-items:center;background:#ffd100;border-radius:8px;box-shadow:4px 6px 0 0 #bba212;display:flex;flex-direction:column;height:180px;justify-content:center;transition:transform .1s;width:180px}.skill-icon-card:hover{box-shadow:8px 12px 0 0 #054d5a;transform:translateY(-4px) scale(1.04)}.skill-icon-svg{align-items:center;display:flex;justify-content:center;margin-bottom:16px}.skill-icon-label{color:#111;font-size:1.3rem;font-weight:600;letter-spacing:1px;margin-top:8px;text-align:center}.projects-description{color:#fff;justify-content:space-between;min-height:100px;padding:60px 80px}.projects,.projects-description{align-items:center;background:#2874ae;box-sizing:border-box;display:flex;flex-direction:column;min-width:100vw}.projects{justify-content:center;min-height:100vh}.project-section{background:#ffc72c;box-shadow:6px 8px 0 0 #bba212;flex-direction:row;gap:48px;margin:32px 0;max-width:80vw;min-width:80vw;padding:24px 32px}.project-screenshot-frame,.project-section{align-items:center;border-radius:12px;display:flex}.project-screenshot-frame{background:#f8f8d8;box-shadow:4px 6px 0 0 #c9c970;flex:1 1 50%;justify-content:center;max-width:600px}.project-screenshot{border-radius:8px;display:block;max-width:500px;width:100%}.project-info{align-items:flex-start;display:flex;flex:1 1 50%;flex-direction:column;gap:24px;justify-content:center}.project-title{color:#f8f8d8;font-size:4rem;font-weight:900;line-height:1.1;margin:0 0 16px;text-shadow:-2px -2px 0 #c9c970,2px -2px 0 #c9c970,-2px 2px 0 #c9c970,2px 2px 0 #c9c970}.project-description-box{background:#f8f8d8;border-radius:8px;box-shadow:4px 6px 0 0 #c9c970;color:#111;font-size:1.2rem;font-weight:600;margin-bottom:16px;padding:24px}.project-tech-links{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:16px}.project-tech{color:#111;margin-right:16px}.project-link{color:#111;font-size:1.6rem;margin-left:8px;text-decoration:none;transition:color .2s}.project-link:hover{color:#6d28d9}@media (max-width:900px){.project-section{flex-direction:column;gap:24px;padding:16px 8px}.project-title{font-size:2.2rem}.project-description-box{font-size:1rem;padding:16px}}.contact-page{margin:0;min-height:100vh;padding:0}.contact-description,.contact-page{align-items:center;background:#2874ae;box-sizing:border-box;display:flex;flex-direction:column;width:100%}.contact-description{color:#fff;justify-content:center;min-height:100px;padding:60px 80px}.contact-description h1{font-size:2.5rem;font-weight:700;margin-bottom:20px}.contact-description p{font-size:1.2rem;line-height:1.6;max-width:600px}.contact-content{box-sizing:border-box;display:flex;gap:60px;max-width:1200px;padding:60px 40px;width:100%}.contact-info{background:#ffffff1a;border-radius:12px;color:#fff;flex:1 1;padding:40px}.contact-info h2{font-size:1.8rem;font-weight:700;margin-bottom:30px}.contact-item{align-items:flex-start;display:flex;gap:15px;margin-bottom:30px}.contact-icon{font-size:1.5rem;margin-top:5px}.contact-item h3{font-size:1.1rem;font-weight:700;margin-bottom:5px}.contact-item a,.contact-item p{color:#fff;font-size:1rem;line-height:1.4;text-decoration:none}.contact-item a:hover{text-decoration:underline}.contact-form{background:#ffffff1a;border-radius:12px;color:#fff;flex:1 1;padding:40px}.contact-form h2{font-size:1.8rem;font-weight:700;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:1rem;font-weight:700;margin-bottom:8px}.form-group input,.form-group textarea{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:12px;transition:border-color .3s;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffffb3}.form-group input:focus,.form-group textarea:focus{background:#ffffff26;border-color:#ffd100;outline:none}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{background:#ffd100;border:none;border-radius:8px;color:#2874ae;cursor:pointer;font-size:1rem;font-weight:700;margin-top:10px;padding:12px 30px;transition:background .2s;width:100%}.submit-btn:hover{background:#bd9b07}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.success-message{background:#4caf5033;border:2px solid #4caf50;border-radius:8px;color:#4caf50}.error-message,.success-message{font-weight:700;margin-bottom:20px;padding:15px}.error-message{background:#f4433633;border:2px solid #f44336;border-radius:8px;color:#f44336}@media (max-width:768px){.contact-content{flex-direction:column;gap:40px}.contact-content,.contact-description{padding:40px 20px}.contact-description h1{font-size:2rem}.contact-form,.contact-info{padding:30px 20px}}.contact-page{text-align:left}.contact-description{text-align:center}
/*# sourceMappingURL=main.d2076121.css.map*/