#contact{align-items:center;display:flex;flex-direction:column;margin:0 100px 100px}#contact h1{color:#333;font-size:30px;font-size:50px;font-weight:530;margin-bottom:10px;text-align:center}#contact>p{color:#888;font-size:20px;margin-bottom:2px;text-align:center}#contact-container{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"email-button phone-button" "contact-form contact-form" "success-message success-message";grid-template-columns:repeat(2,1fr);margin-top:40px;width:40%}#email-button{grid-area:email-button}#phone-button{grid-area:phone-button}#email-button,#phone-button{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;min-height:50px;padding:10px;transition:background-color .3s ease;width:100%}#email-button:hover,#phone-button:hover{background-color:#333}#email-button a,#phone-button a{color:#fff;display:block;font-size:18px;height:100%;line-height:1.3;text-decoration:none;width:100%}#contact-form{grid-gap:5px;display:grid;font-family:Calibri,sans-serif;gap:5px;grid-area:contact-form;grid-template-areas:"legend legend" "name email" "message message" "submit submit";grid-template-columns:1fr 1fr;margin-top:20px}#contact-form legend{color:#747474;font-size:20px;font-style:italic;font-weight:540;grid-area:legend;margin-bottom:10px}#contact-name{grid-area:name}#contact-email,#contact-name{border:1px solid #ccc;border-radius:5px;font-size:18px;padding:10px}#contact-email{grid-area:email}#contact-message{border:1px solid #ccc;border-radius:5px;font-size:20px;grid-area:message;min-height:200px;overflow-y:auto;padding:10px;resize:none}#contact-form button{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-size:18px;grid-area:submit;justify-self:center;margin-top:10px;padding:10px;width:50%}#contact-form button:hover{background-color:#333}#success-message{color:green;font-size:20px;grid-area:success-message;margin-top:10px;text-align:center}footer{align-items:center;display:flex;flex-direction:column;margin-top:auto}p{margin:1px;padding:0}.footer-text1{color:#333;font-size:18px}.footer-text2{font-size:16px}.footer-text2,.footer-text3{color:#666;font-style:italic}.footer-text3{font-size:14px}.logo-icon{height:50px;width:50px}.logo-text{color:#333;font-family:Consolas,monospace;font-size:25px;font-weight:700;word-spacing:-7px}.logo{display:flex}.logo,nav{align-items:center;height:100%}nav{display:grid;grid-template-columns:repeat(4,1fr);justify-content:space-around}.nav-link{align-items:center;color:gray;display:flex;font-size:20px;height:100%;justify-content:center;text-decoration:none;width:100%}.active,.nav-link:hover{background-color:#ccc;border-radius:5px;box-shadow:0 4px 8px #0003;color:#000}header{align-items:center;background-color:#fff;border-bottom:1px solid #ccc;display:grid;grid-template-columns:3fr 2fr;height:60px;justify-content:space-between;left:0;position:-webkit-sticky;position:sticky;top:0}#portrait img{height:600px;width:600px}#home{align-items:center;display:flex;flex-direction:row;height:100vh;justify-content:space-between;margin:0 100px;text-align:center}#hero-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:20px}#download-resume-button{align-items:center;background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;margin:20px 0;padding:15px 25px;text-decoration:none}#download-resume-button:hover{background-color:#333}#download-resume-button a{color:#fff;font-size:18px;text-align:center;text-decoration:none}#hero-text h2{color:#333;font-size:70px;font-weight:510;line-height:1.1;text-align:left}#hero-text p{line-height:1.5;margin-top:15px;text-align:left}#hero-subtitle{color:#605f5f;font-size:30px;font-weight:540}#hero-description{color:#888;font-size:23px}#hero-links{display:flex;justify-content:space-between;margin-top:10px;width:30%}#hero-links a:hover{transform:scale(1.1)}.hero-link img{height:35px;width:35px}#projects{align-items:center;display:flex;flex-direction:column;margin:0 100px 100px}#projects h1{font-size:30px;font-size:50px;font-weight:530;margin-bottom:10px;text-align:center}#projects>p{color:#888;font-size:20px;margin-bottom:2px;text-align:center}#projects-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:20px;max-height:450px;overflow-y:auto;width:100%}.project-card{border:2px solid #ccc;border-radius:10px;display:grid;grid-template-rows:auto 1fr auto}.project-card h2{color:#333;font-size:25px;font-weight:549.5}.project-card h2,.project-card p{margin:10px;padding:10px;text-align:left}.project-card p{color:#434343;font-size:18px}.tech-list{align-items:start;display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:20px 10px 10px;padding:10px}.tech-list li{align-items:center;background-color:#d5d5d5;border:1px solid #ccc;border-radius:20px;display:inline-flex;font-size:1rem;justify-content:center;padding:6px 12px;white-space:nowrap}.project-links{display:flex;gap:15px;justify-content:start;margin:10px;padding:10px}.project-links button{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-size:18px;justify-self:center;padding:10px}.project-links button:hover{background-color:#333}.project-links a{color:#fff;font-size:18px;text-align:center;text-decoration:none}#skills{align-items:center;display:flex;flex-direction:column;margin:0 100px}#skills h1{font-size:30px;font-size:50px;font-weight:530;margin-bottom:10px;text-align:center}#skills p{color:#888;font-size:20px;margin-bottom:2px;text-align:center}#skills-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:20px;width:100%}.skill-category{border:2px solid #ccc;border-radius:20px;display:grid;grid-template-rows:auto 1fr;min-height:12rem}.skill-category h2{color:#333;font-size:30px;font-weight:549.5;margin:10px;padding:10px;text-align:left}.skills-list{align-items:start;display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:10px;padding:5px}.skills-list li{align-items:center;background-color:#d5d5d5;border:1px solid #ccc;border-radius:20px;display:inline-flex;font-size:1rem;justify-content:center;padding:6px 12px;white-space:nowrap}body{font-family:Calibri,sans-serif;margin:0;padding:0}.app{display:flex;flex-direction:column;min-height:100vh}
/*# sourceMappingURL=main.6c6a6ba3.css.map*/