@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Helvetica:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a2238,#283655 50%,#6b7280);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Montserrat,Helvetica,sans-serif!important;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{align-items:center;background:none;color:#f4f4f4;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow:hidden;padding-top:5rem;position:relative;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,.portfolio-header{align-items:center;background:#0000;box-shadow:none;color:#f4f4f4;display:flex;flex-direction:column;font-size:calc(14px + 1.5vmin);justify-content:center;margin-bottom:2rem;margin-top:2rem;min-height:40vh}.App-link{color:#b98e18}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-header{background:#141b2ff7;box-shadow:0 2px 12px #0e16241a;justify-content:center;min-height:64px;padding:.5rem 0;position:fixed;top:0;z-index:100}.main-header,.main-header-nav{align-items:center;display:flex;width:100%}.main-header-nav{box-sizing:border-box;justify-content:space-between;max-width:100vw;padding:0 .75rem}.header-group{align-items:center;display:flex;gap:1.2rem}.header-group-left{justify-content:flex-start}.header-group-right{justify-content:flex-end}.header-social-link{align-items:center;background:#232b3e;border-radius:1.7rem;box-shadow:0 1px 4px #141e3214;color:#f4f4f4;display:flex;font-size:1.1rem;font-weight:500;gap:.7rem;padding:.4rem 1.2rem .4rem .7rem;text-decoration:none;transition:background .18s,color .18s}.header-social-link:hover{background:#1a2238;color:#b98e18}.header-social-icon{align-items:center;display:flex;font-size:1.3rem}.header-social-label{font-size:1.05rem;white-space:nowrap}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding:2rem}.project-card{border-radius:10px;box-shadow:0 4px 6px #b98e18;overflow:hidden;position:relative;text-align:center;transition:transform .3s ease}.project-image-container{height:350px}.experience-image-container,.project-image-container{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.experience-image-container{height:400px}.project-image-container img{object-fit:cover}.project-image-container img,.project-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.project-overlay{align-items:center;background:#000000b3;display:flex;flex-direction:column;justify-content:center;opacity:0;text-align:center;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-title{transition:opacity .3s ease}.project-card:hover .project-title{opacity:0}.tech-tags-container{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%}.tech-tag{background:#b98e18;border-radius:15px;color:#000;font-size:.8rem;margin:.2rem;padding:.2rem .5rem;white-space:nowrap}.project-overlay a{border:1px solid #b98e18;border-radius:5px;color:#b98e18;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.project-overlay a:hover{background:#b98e18;color:#000}.contact-info{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.social-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1rem}.social-link{background:#ffffff1a;border-radius:20px;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.social-link:hover{background:#fff3;transform:translateY(-2px)}.social-icon{font-size:1.2rem}@media (max-width:600px){.social-links{align-items:center;flex-direction:column}.social-link{justify-content:center;width:200px}}.info-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:2rem}.info-bubble{background:#ffffff1a;border:1px solid #b98e18;border-radius:20px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.info-bubble:hover{background:#ffffff26;box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.bubble-icon{font-size:2.5rem;margin-bottom:1rem}.info-bubble h2{color:#fff;font-size:1.5rem;margin-bottom:1rem}.info-bubble p{color:#ffffffe6;line-height:1.6}.section-title{color:#fff;font-size:2rem;margin:2rem 0;padding-top:3rem;text-align:center}.click-hint{color:#b98e18;font-size:.9rem;margin-top:1rem}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10}.modal-content{background:#333;border-radius:10px;color:#fff;max-width:600px;padding:2rem;position:relative;width:80%}.modal-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.modal-icon{font-size:2rem}.close-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.home-button{align-items:center;background-color:#3b4252;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 8px #0003;color:#b98e18;display:flex;font-size:24px;height:50px;justify-content:center;left:50%;position:fixed;text-decoration:none;transform:translateX(-50%);transition:background-color .3s ease;width:50px}.home-button:hover{background-color:#222b3a;color:#f4f4f4}.modal-body p{margin:0;white-space:pre-wrap}.modal-body pre{background:#1e1e1e;border-radius:10px;color:#d4d4d4!important;font-family:Consolas,Monaco,monospace;line-height:1.5;margin:0;overflow-x:auto;padding:1.5rem}.modal-body pre .json-key{color:#9cdcfe!important}.modal-body pre .json-string{color:#ce9178!important}.modal-body pre .json-bracket,.modal-body pre .json-punctuation{color:#d4d4d4!important}.modal-body p,.modal-body pre span,.modal-body span{color:inherit}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.info-sections{grid-template-columns:1fr;padding:1rem}.modal-content{padding:1.5rem;width:95%}}.profile-container{align-items:center;background:#131f38d9;border-radius:18px;box-shadow:0 6px 32px 0 #141e322e;display:flex;flex-direction:column;margin:2.5rem 0 1.5rem;max-width:500px;padding-bottom:2rem;padding-top:1.2rem;width:100%}.profile-image{background:#222b3a;border:3px solid #3b4252;border-radius:50%;box-shadow:0 2px 16px #141e322e;height:160px;margin-top:-60px;object-fit:cover;object-position:center 30%;width:160px}.profile-caption{color:#e0e6ed;font-size:1.25rem;font-weight:500;letter-spacing:.01em;margin-top:1.2rem;padding:0 1.5rem .5rem;text-align:center}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}}h1{position:relative;z-index:1}.social-links-container{display:flex;justify-content:space-between;left:0;padding:0 2rem;position:absolute;right:0;top:1rem;width:100%;z-index:2}.social-links-left,.social-links-right{display:flex;gap:1rem}.social-link{color:#fff;gap:.5rem;text-decoration:none}.button-container,.social-link{align-items:center;display:flex}.button-container{flex-direction:row;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:.5rem}.button-section{align-items:center;display:flex;flex-direction:column;gap:1.2rem;margin:2.5rem 0 1.5rem}.big-button{align-self:flex-start;background-color:#b98e18,0;background:linear-gradient(90deg,#283655,#1a2238);border:1px solid #b98e18;border:none;border-radius:5px;border-radius:8px;box-shadow:0 2px 12px #141e321a;color:#fff;color:#f4f4f4;flex:0 1 auto;font-size:1.5rem;font-size:1.15rem;font-weight:600;letter-spacing:.01em;margin-left:1rem;margin:0 .5rem;min-width:180px;overflow:hidden;padding:1rem 2rem;padding:.85rem 2.2rem;position:relative;text-align:center;text-decoration:none;transition:background-color .3s ease;transition:background .2s,color .2s,box-shadow .2s}.big-button:hover{background:linear-gradient(90deg,#1a2238,#283655);box-shadow:0 4px 18px #141e322e;color:#b98e18}box-shadow:0 4px 8px #0003;transition:background-color .3s ease;.home-button:hover{background-color:#443b00,}.experience-card{height:200px;margin:20px;perspective:1000px;position:relative;width:300px}.experience-back,.experience-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #ccc;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:10px;position:absolute;transition:transform .6s;width:100%}.experience-front{background-color:#f9f9f9}.experience-back{background-color:#fff}.experience-back,.experience-card:hover .experience-front{transform:rotateY(180deg)}.experience-card:hover .experience-back{transform:rotateY(0deg)}
/*# sourceMappingURL=main.e5f94000.css.map*/