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}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"IBM Plex Serif",serif;margin-top:4rem;max-width:100vw;overflow-x:hidden}.navbar{align-items:center;background:#fff;box-shadow:0 .25rem .5rem #0000001a;display:flex;height:4rem;justify-content:space-between;left:0;overflow:hidden;padding:1rem;position:fixed;top:0;width:100vw;z-index:9999}.navbar-title{font-size:1.5rem;font-weight:700;margin-right:auto}.navbar-nav{display:flex;flex-wrap:nowrap;list-style:none;margin-right:2%;padding:0}.nav-item{margin-left:.5rem}.nav-link{color:#000;font-size:1rem;text-decoration:none;white-space:nowrap}.nav-link:hover{color:#007bff}.home-container{min-height:auto;overflow:visible;position:relative;text-align:center;width:100%}.image-wrapper{height:80vh}.home-image,.image-wrapper{position:relative;width:100%}.home-image{height:100%;object-fit:cover}.Title_header{font-size:3rem;top:40%}.Title_header,.typing-animation{color:#fff;font-weight:700;left:50%;position:absolute;transform:translate(-50%,-50%)}.typing-animation{border-right:3px solid #fff;font-size:1.5rem;overflow:hidden;top:55%;white-space:nowrap}.cursor,.typing-animation{animation:blink .5s step-end infinite}.cursor{background-color:#fff;display:inline-block;height:1.5rem;margin-left:2px;width:2px}@keyframes typing{0%{width:0}to{width:12ch}}@keyframes blink{0%,to{border-color:#0000}50%{border-color:#fff}}.aboutme_background{background-color:#fff;justify-content:center;margin-bottom:3%;margin-top:3%;width:100%}.aboutme_background,.aboutme_container{align-items:center;display:flex;min-height:auto}.aboutme_container{background-color:#1867be;border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#fff;justify-content:space-between;padding:2rem;width:80%}.aboutme_text_container{flex:1 1;max-height:100%;overflow-y:auto;padding-right:2rem}.aboutme_title{color:#fff;font-size:2rem;margin-bottom:1rem}.aboutme_text{color:#fff;font-size:.8em;line-height:1.5}.skills_container{display:flex;flex:1 1;flex-direction:column;gap:1rem}.skill{text-align:left}.progress-bar{background-color:#ddd;border-radius:10px;height:20px;margin-top:5px;overflow:hidden;width:100%}.progress-bar-fill{background-color:#fff;border-radius:10px;height:100%;width:0}.service{background-color:#1867be;height:auto;margin-bottom:3%;max-width:100%}.service h2{color:#fff;margin-bottom:5%;padding-top:3%;text-align:center}.card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;height:auto;margin:1rem;padding:1.5rem;text-align:center;transition:transform .2s,box-shadow .2s;width:40%}.card:hover{box-shadow:0 6px 10px #00000026;transform:translateY(-5px)}.card-icon{color:#0078ff;font-size:2rem;margin-bottom:1rem}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.card-description{color:#555;font-size:1rem}.services-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:100%}.experience{background-color:#fff;color:#fff;margin-top:5%;max-width:100%;min-height:auto;padding:2rem 0;position:relative;text-align:center;z-index:1}.experience h2{color:#0078ff;padding-top:2%}.portfolio_card{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3%;padding-bottom:5%;padding-top:1rem}.cardwork{background-color:#1867be;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;justify-content:space-between;margin:1rem;overflow:hidden;padding:1rem;width:40%}.cardwork:hover{box-shadow:0 6px 10px #00000026;transform:translateY(-5px)}.cardwork img{max-height:150px;object-fit:cover;object-position:top;width:100%}.card-titlew{color:#fff;font-size:1.25rem;min-height:2rem;padding:5%;text-align:center}.card-descriptionw{color:#fff;font-size:1rem;min-height:3rem;padding:0 1rem 1rem;text-align:center}.modal{background-color:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal,.modal-content{align-items:center;display:flex;justify-content:center}.modal-content{background:#fff;border-radius:10px;box-shadow:0 15px 30px #00000080;max-height:90%;max-width:90%;padding:1rem;position:relative;text-align:center}.modal-image{border-radius:10px;height:auto;max-height:80vh;width:100%}.close-button{background:none;border:none;color:#0078ff;cursor:pointer;font-size:2rem;font-weight:700;position:absolute;right:10px;top:10px}.close-button:hover{color:#0056b3}.card-link{background-color:#007bff;border-radius:4px;color:#fff;display:inline-block;margin-top:10px;padding:8px 12px;text-decoration:none;transition:background-color .3s}.card-link:hover{background-color:#0056b3}.footer{align-items:center;background-color:#1867be;display:flex;flex-direction:column;justify-content:center;min-height:auto;padding:2rem;width:100%}footer h2{color:#fff;margin-bottom:3%}.contact-form{border-radius:8px;box-shadow:none;color:#333;display:flex;flex-direction:column;margin-left:20%;width:100%}.form-group label{color:#333;display:block;font-weight:700;margin-bottom:.5rem;margin-top:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:80%}.form-group input:focus,.form-group textarea:focus{border-color:#fff}button{background-color:#fff;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:1rem;margin-top:3%;padding:.75rem;transition:background-color .3s ease;width:80%}button:hover{background-color:#005bb5}@media (max-width:768px){.Title_header{font-size:1.5rem;top:25%}.typing-animation{font-size:.75rem;top:35%}.image-wrapper{height:60vh;position:relative;width:100%}.aboutme_container{flex-direction:column;height:auto}.aboutme_text_container{padding-right:0;text-align:center}.aboutme_title{font-size:1.5rem}.aboutme_text{font-size:.7rem}.skills_container{margin-top:2rem;width:80%}.skill p{font-size:.9rem}.navbar{padding:.8rem 5%}.navbar-title{font-size:1.05rem}.nav-item{margin-left:.7rem}.nav-link{font-size:.7rem}.service{margin-bottom:3%;margin-top:5%}.service h2{font-size:1.8rem;margin-bottom:4%}.services-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;max-width:100%}.card{margin:.8rem 0;min-height:auto;padding:1.2rem;text-align:center;width:90%}.card:hover{box-shadow:0 4px 6px #0000001a;transform:none}.card-icon{font-size:1.8rem;margin-bottom:.8rem}.card-title{font-size:1.3rem;margin-bottom:.4rem}.card-description{font-size:.9rem}.cardwork{flex-direction:column;width:90%}.modal-content{width:95%}.modal-image{max-height:75vh;max-width:100%}.close-button{font-size:20px}}
/*# sourceMappingURL=main.58f61093.css.map*/