@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#171a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.about-button{font-weight:700}body,html{box-sizing:border-box;margin:0;padding:0}*,:after,:before{box-sizing:inherit}header{background-color:#2d3748;height:80px;padding:0 80px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;padding:1.25rem;width:100%}.title-font{color:#fff;font-family:Roboto,sans-serif;font-size:24px;font-weight:500;text-decoration:none}.title-font a{font-size:1.25rem;margin-left:.75rem}.link{align-items:center;border:0;border-radius:.375rem;color:#fff;display:inline-flex;font-size:18px;padding:.25rem .75rem}.link:hover{background-color:#a0aec0}nav{align-items:center;display:flex;flex-wrap:wrap;text-align:center}nav a{color:#a0aec0;margin-right:1.25rem;text-decoration:none}.contact,nav a:hover{color:#fff}.contact{align-items:center;background-color:#2d3748;border:0;border-radius:.375rem;display:inline-flex;padding:.25rem .75rem;text-decoration:none}.contact:hover{background-color:#4a5568}.contact i{height:1rem;margin-left:.5rem;width:1rem}.hamburger-menu{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:2rem;outline:none}.mobile-nav{align-items:flex-start;background-color:#2d3748;display:none;flex-direction:column;height:calc(100% - 80px);overflow-y:auto;padding:1rem;position:fixed;right:0;top:80px;width:200px}.mobile-nav a{color:#fff;margin-bottom:1rem;text-decoration:none}@media screen and (max-width:768px){.hamburger-menu{display:block}nav{display:none}.mobile-nav{display:flex}}@media screen and (max-width:400px){.title-font{font-size:20px}header{background-color:#2d3748;height:80px;padding:0 10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}}@media screen and (min-width:769px){.hamburger-menu{display:none}nav{display:flex}.mobile-nav{display:none}}.about-section{margin-top:-80px;padding:150px 80px 20px}.about-container,.about-text-container{align-items:center;display:flex;flex-direction:column}.about-text-container{margin-bottom:16px;text-align:center}.about-title{color:#fff;font-size:2rem;margin-bottom:4rem}.about-paragraph{color:#fff;font-size:20px;margin-bottom:2rem;max-width:700px}.about-buttons{display:flex;justify-content:center}.about-button{border:none;border-radius:5px;color:#fff;margin:5px 5px 50px;padding:10px 30px;text-decoration:none}.work-with-me{background-color:#38a169;color:#fff}.work-with-me:hover{background-color:#2f855a}.see-past-work{background-color:#2d3748;color:#fff}.see-past-work:hover{background-color:#4a5568;color:#fff}.about-image-container{margin-left:50px;max-width:600px;padding-right:80px;width:90%}.about-image{border-radius:5px;object-fit:cover;width:100%}@media (max-width:1300px){.about-image{max-width:550px;width:100%}}@media (max-width:1250px){.about-title{font-size:1.8rem}}@media (max-width:1120px){.about-title{font-size:1.9rem}.about-paragraph{font-size:16px}}@media (max-width:1000px){.about-title{font-size:1.5rem}}@media (max-width:768px){img{display:none};}@media (max-width:520px){.about-button,.about-paragraph{font-size:14px}}@media screen and (max-width:375px){.about-title{font-size:18px}}#skills{margin-top:-80px;padding:210px 80px 20px}.skills.section{background-color:#222831;color:#eee;padding:50px 0}.skills-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:0 15px}.skills-heading{color:#fff;font-size:2em;margin-bottom:50px}.skills-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);margin-left:80px;margin-right:80px}.skills-card{background:#272c36;border-radius:10px;padding:20px;text-align:center;transition:transform .3s ease;width:250px}.skills-card:hover{transform:scale(1.05)}.skill-image{height:100px;width:100px}.skill-title{color:#fff;font-size:1.2em;margin:15px 0}@media screen and (max-width:1300px){.skills-card{max-width:200px}}@media screen and (max-width:1180px){.skills-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}}@media screen and (max-width:1000px){.skills-heading{font-size:1.5em}}@media screen and (max-width:880px){.skills-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr)}.skill-image{display:block;margin-left:45px}.skills-card{max-width:230px}}@media screen and (max-width:750px){.skills-card{max-width:200px}.skill-image{max-height:50px;max-width:60px;padding-left:15px}}@media screen and (max-width:630px){.skills-card{max-width:160px}.skill-image{margin-left:20px}}@media screen and (max-width:550px){.skills-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr)}.skills-card{max-width:120px}.skill-image{display:block;margin-left:5px}h1{font-size:20px!important}.skill-title{font-size:12px}}@media screen and (max-width:375px){.skills-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr)}.skill-image{display:block;margin-left:1px}.skills-card{max-height:170px;max-width:120px!important}.skills-heading{font-size:18px}.skill-title{font-size:12px}}.contact-links{flex-direction:column;height:100vh;justify-content:center;left:0;padding:1em;position:fixed;top:0}.contact-link,.contact-links{align-items:center;display:flex}.contact-link{color:#2d3748;cursor:pointer;justify-content:flex-start;margin-bottom:1em;position:relative}.link-content{color:#fff}.link-text{color:#fff;left:50%;margin-left:10px;opacity:0;padding-top:5px;position:absolute;text-decoration:none;transition:opacity .5s ease-in-out,left .5s ease-in-out}.contact-link:hover .link-text{left:100%;opacity:1}@media screen and (max-width:600px){.contact-link .fa{font-size:1em}.link-text{opacity:0;transition:none;visibility:hidden}.contact-links{padding:.5em}}#projects{margin-top:-80px;padding:210px 80px 200px}.loading-card{background-color:#1a202c;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#cbd5e0;font-family:Arial,sans-serif;font-size:1.2em;margin-bottom:50px;padding:10px 20px;text-align:center}.loading-card strong{color:#81e6d9}.projects-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:0 15px}.projects-heading{color:#fff;font-size:2em;margin-bottom:50px}.projects-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}.project-card{align-items:center;background:#272c36;border-radius:10px;display:flex;justify-content:center;padding:20px;text-align:center;transition:transform .3s ease;width:auto}.project-button{background-color:#262c36}.project-card:hover{transform:scale(1.05)}.project-image{height:200px;object-fit:cover;width:100%}.project-title{color:#fff;font-size:1.2em;margin-top:15px}body.modal-open{overflow:hidden}body.modal-open:before{content:"";height:100%;left:0;top:0;width:100%;z-index:998}.modal,body.modal-open:before{background-color:#000000b3;position:fixed}.modal{border-radius:10px;height:80%;left:50%;max-height:700px;max-width:1200px;padding:20px;top:50%;transform:translate(-50%,-50%);width:80%;z-index:1000}.modal-open{background-color:#00000080}.modal-content{align-items:center;background-color:#171a1a;border-radius:10px;display:flex;padding:20px}.modal-info{flex:1 1;padding-right:20px}.modal-info h2,.modal-info p{color:#fff;margin-bottom:40px}.mh-about-tag ul{list-style:none;margin-bottom:40px;padding:0}.mh-about-tag li{border:1px solid #0d51a8;border-radius:10px;color:#fff;display:inline-block;margin-bottom:5px;margin-right:10px;padding:10px}.mh-about-tag button{background-color:#000;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;padding:5px 10px}.mh-about-tag button:hover{background-color:#ccc}.modal-image-container{flex:1 1}.modal-image{border-radius:5px;height:auto;width:700px}.btn-fill{background-color:#007bff;border:1px solid #ccc;border-radius:5px;color:#fff;display:inline-block;font-weight:700;margin-bottom:40px;margin-right:10px;margin-top:10px;padding:10px 20px;text-decoration:none}.btn-fill:hover{background-color:#0056b3}.close{color:#fff;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}@media screen and (max-width:768px){.modal{width:90%}}@media screen and (max-width:1180px){.projects-container{margin-left:150px}}@media screen and (max-width:1000px){.projects-heading{font-size:1.5em}}@media screen and (max-width:880px){.projects-container{margin-left:80px}.project-image{display:block}}@media screen and (max-width:750px){.projects-grid{grid-template-columns:repeat(1,1fr)}.project-card{padding:10px}.modal{width:75%}.modal-info h2{font-size:20px;margin-bottom:10px}.modal-info p{font-size:12px}.mh-about-tag ul,.modal-info p{margin-bottom:10px}.mh-about-tag li{border:1px solid #0d51a8;border-radius:10px;display:inline-block;font-size:14px;margin-bottom:5px;margin-right:5px;padding:5px}.btn-fill{font-size:14px;margin-bottom:15px}.modal-content{flex-direction:column}.project-title{font-size:12px}}@media screen and (max-width:550px){.projects-container{margin:0}h1{font-size:20px!important}.project-title{font-size:12px}}@media screen and (max-width:375px){.projects-heading{font-size:18px}.project-title{font-size:12px}}
/*# sourceMappingURL=main.4d873594.css.map*/