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}body,html{font-family:Roboto Mono,monospace;height:100%;margin:0;padding:0;width:100%}.container{flex-wrap:wrap;height:100%}.container,.profile-container{align-items:center;display:flex;justify-content:center;width:100%}.profile-container{background-color:#d3d3d3;height:100vh;opacity:1}.profile-inner{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.profile-pic{border-radius:50%;height:auto;width:15%}.name-container{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;margin-top:1rem}.tilted-name{color:#3b444b;font-family:Dancing Script,cursive;font-size:8vh;font-weight:bolder;padding:0 1rem;transform:rotate(-5deg);white-space:nowrap}.title{color:#3b444b;font-size:3vh;font-weight:700;margin-bottom:2rem;text-align:center}.social-icons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:1rem 0;width:15%}.icon{color:#3b444b;margin:0 .5rem;transition:transform .3s}@media (max-width:1200px){.profile-pic{width:20%}.name-container{margin-bottom:1.5rem;margin-top:.5rem}.tilted-name{font-size:6vh}.title{font-size:2.5vh}.social-icons{width:25%}.icon{font-size:1.5em}}@media (max-width:768px){.profile-pic{width:30%}.tilted-name{font-size:5vh}.title{font-size:2vh}.social-icons{width:40%}.icon{font-size:1.2em}}@media (max-width:480px){.profile-pic{width:40%}.tilted-name{font-size:4vh}.title{font-size:1.5vh}.social-icons{width:60%}.icon{font-size:1em}}.about-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin:0;padding:20px}.about-title{font-size:5vh;font-weight:400;margin-bottom:15px;margin-top:20vh}.about-section{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:20px;max-width:1200px;width:100%}.info-section{display:flex;flex:1 1;flex-direction:column;margin-top:10vh;padding:20px}.info-item{display:flex;margin-bottom:25px}.info-label{font-size:3vh;font-weight:700;width:120px}.info-value{color:gray;font-size:15px;font-style:italic;margin-left:10px}.paragraph-section{align-items:flex-start;display:flex;flex:2 1;flex-direction:column;padding:20px}.paragraph{color:gray;font-size:3vh;width:90%}.icons-section{display:flex;justify-content:center;margin-bottom:20vh}.icons-section .icon{margin:0 10px;transition:transform .3s}@media (max-width:1024px){.about-section{align-items:center;flex-direction:column}.info-section{flex:none;margin-top:5vh;width:100%}.paragraph-section{width:100%}.info-label{width:auto}.info-value{font-size:14px}.paragraph{font-size:2.5vh}}@media (max-width:768px){.about-title{font-size:4vh}.info-label{font-size:2.5vh}.paragraph{font-size:2vh}.icons-section{display:flex;flex-direction:row;justify-content:space-between}.icons-section .icon{font-size:1.5em}}@media (max-width:480px){.about-title{font-size:3.5vh}.info-item{align-items:flex-start;flex-direction:column}.info-label{font-size:2vh}.info-value{font-size:12px}.paragraph{font-size:1.8vh}.icons-section .icon{display:flex;font-size:1em;justify-content:space-between}}.skill-container{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;padding:20px}.skill-title{font-size:6vh;font-weight:400;margin-bottom:20px;text-align:center;width:100%}.skill{align-items:center;display:flex;flex-direction:column;height:150px;margin:7vh;position:relative;width:30vh}.svg-skill{height:auto;width:100%}@media (max-width:1200px){.skill{height:120px;width:25vh}}@media (max-width:768px){.skill{height:100px;width:20vh}}@media (max-width:480px){.skill{height:80px;width:15vh}}.projects-section{background-color:#d3d3d3;font-family:Roboto Mono,monospace;height:auto;margin-top:15vh;width:100%}.projects-section h2{font-size:7vh;font-weight:400;margin-bottom:10vh;margin-top:10vh;text-align:center}.projects-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1200px;overflow:hidden;width:80%}.project-card{background-color:#f0f0f0;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;cursor:pointer;flex-basis:calc(23% - 10px);flex-grow:0;flex-shrink:1;height:250px;margin-bottom:5px;overflow:hidden;position:relative;transition:background-color .3s ease,transform .3s ease;width:15%}.project-card:hover{background-color:#d3d3d3;transform:scale(1.05)}.project-card:hover .project-description{opacity:1}.project-description{align-items:center;background-color:#d3d3d3cc;color:#3b444b;display:flex;flex-direction:column;font-size:15px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;text-align:center;top:0;transition:opacity .3s ease;width:100%}.project-description h3{margin:10px 0}.project-description a{color:#3b444b;text-decoration:none}@media (max-width:1200px){.project-card{flex-basis:calc(48% - 10px);flex-grow:0;flex-shrink:1;height:200px}}@media (max-width:768px){.projects-section{margin-bottom:2vh}.project-card{flex-basis:calc(100% - 10px);flex-grow:0;flex-shrink:1;height:180px}.projects-section h2{font-size:6vh}}.resume-container{height:auto;position:relative;width:100%}.resume-title{font-family:Roboto Mono,monospace;font-size:7vh;font-weight:400;text-align:center}.vertical-line{border-left:2px solid #d3d3d3;height:85%;left:50%;position:absolute;transform:translateX(-50%);z-index:0}.education-heading,.experience-heading{background-color:#d3d3d3;border-radius:1vh;display:flex;font-family:Roboto Mono,monospace;font-size:4vh;justify-content:center;margin:2vh auto;max-width:600px;position:relative;text-align:center;width:20%;z-index:1}.education-box,.experience-box{align-items:center;display:flex;margin-bottom:20px;position:relative;width:50%}.experience-box.left{justify-content:flex-start;margin-left:53%}.experience-box.right{justify-content:flex-end;margin:0 auto 0 1%}.iconn{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.iconn.left{left:-50px}.iconn.right{right:-20px}.education-text,.experience-text{display:flex;flex-direction:column;margin-left:10px;width:80%}h3{font-family:Roboto Mono,monospace;font-size:5vh;font-weight:400}p{color:grey}@media (max-width:1024px){.resume-title{font-size:6vh}.education-box,.experience-box{align-items:flex-start;flex-direction:column;margin-left:auto;margin-right:auto;width:90%}.iconn.left{left:-30px}.iconn.right{right:30px}.education-heading,.experience-heading{font-size:3.5vh}}@media (max-width:768px){.resume-title{font-size:4.5vh}.education-heading,.experience-heading{text-align:left;width:50%}.education-box,.experience-box{align-items:flex-start;flex-direction:column;margin-left:0;width:100%}.experience-box.left{justify-content:flex-end;margin:0 auto 0 1%}.iconn{font-size:2vh;height:25px;margin-bottom:0;margin-left:30px;margin-top:2vh;position:relative;width:25px}h3{font-size:3.5vh}p{font-size:2.5vh}.vertical-line{display:none}}@media (max-width:480px){.resume-title{font-size:4vh}.education-box,.experience-box{align-items:flex-start;flex-direction:column;margin-left:0;width:100%}.experience-box.left{justify-content:flex-end;margin:0 auto 0 1%}h3{font-size:3vh}p{font-size:2vh}.education-heading,.experience-heading{width:70%}.vertical-line{display:none}.iconn{font-size:1vh;height:20px;margin-bottom:0;margin-top:2vh;width:20px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hireMeSection{align-items:center;background-color:#d3d3d3;box-sizing:border-box;color:#3b444b;display:flex;flex-direction:column;height:auto;justify-content:center;padding:50px 0;text-align:center;width:100%}.hireMeContainer{color:#fff}.hireMeTitle{font-size:48px;margin-bottom:20px}@media (max-width:768px){.hireMeTitle{font-size:36px}}@media (max-width:480px){.hireMeTitle{font-size:28px}}.hireMeText{font-size:18px;margin-bottom:30px;text-align:center;width:60%}@media (max-width:768px){.hireMeText{font-size:16px;width:80%}}@media (max-width:480px){.hireMeText{font-size:14px;width:90%}}@media (max-width:320px){.hireMeText{font-size:12px;width:95%}}.hireMeButton{background-color:#3b444b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}@media (max-width:768px){.hireMeButton{font-size:14px;padding:8px 16px}}@media (max-width:480px){.hireMeButton{font-size:12px;padding:6px 12px}}@media (max-width:320px){.hireMeButton{font-size:10px;padding:5px 10px}}.contactContainer{background:#fff;border-radius:6px;box-shadow:0 5px 10px #0003;margin:0 auto;padding:20px 60px 30px 40px;width:85%}.contactContainer,.contactWrapper{align-items:center;display:flex;justify-content:space-between}.contactWrapper{width:100%}.contactImageWrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:15px;position:relative;width:25%}.contactImage{border-radius:6px;height:190%;width:150%}.spacer{color:#fff;height:20vh}.contactFormWrapper{margin-left:75px;width:75%}.contactTitle{color:#3b444b;font-size:23px;font-weight:600}.contactDescription{color:#afafb6}.inputWrapper{height:50px;margin:12px 0;width:100%}.contactInput,.textareaWrapper{background:#d3d3d3;border:none;border-radius:6px;font-size:16px;height:100%;outline:none;padding:0 15px;width:100%}.textareaWrapper{min-height:110px}.contactTextarea{background:#d3d3d3;border:none;border-radius:6px;font-size:16px;height:100%;margin-top:2vh;outline:none;resize:none;width:90%}.sendButtonWrapper{display:inline-block;margin-top:12px}.sendButton{background:#3b444b;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:18px;margin:3vh;outline:none;padding:8px 16px;transition:all .3s ease}@media (max-width:768px){.contactContainer{padding:20px 30px 30px;width:90%}.contactWrapper{align-items:center;flex-direction:column}.contactImageWrapper{margin-bottom:20px;width:100%}.contactImage{height:400px;object-fit:cover;width:300px}.contactFormWrapper{margin-left:0;width:100%}.contactInput,.contactTextarea{font-size:14px}.sendButton{font-size:16px;padding:6px 12px}}@media (max-width:480px){.contactContainer{flex-direction:column;padding:15px 20px;width:95%}.contactWrapper{align-items:center;flex-direction:column}.contactImageWrapper{margin-bottom:20px;width:100%}.contactImage{height:400px;object-fit:cover;width:300px}.spacer{display:none;height:auto}.contactFormWrapper{margin-left:0;width:100%}.contactTitle{font-size:20px}.contactDescription,.contactInput,.contactTextarea{font-size:14px}.contactTextarea{width:100%}.sendButtonWrapper{margin-top:10px}.sendButton{font-size:14px;padding:6px 10px}}
/*# sourceMappingURL=main.4a2cf684.css.map*/