body{margin:0;background-color:#171c28;padding:0;font-family:Apercu,"Source Sans Pro",system,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.intro{padding:60px 100px;display:flex;flex-direction:column;justify-content:space-between;max-width:1440px;margin:0 auto;color:#e7e7e7}.image3{margin-left:60rem;margin-top:-17.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:1.5rem}.container,.image3{border:1px solid #fff;border-radius:25px}.container{width:70%;padding:1rem;margin-left:-3.5rem}.intro__hello{font-size:2.5rem;font-weight:300}.intro__hello,.intro__tagline{font-size:1.1rem}.intro__tagline .technologist{background-image:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/apple/81/male-technologist-type-1-2_1f468-1f3fb-200d-1f4bb.png)}.image3 img{border-radius:25px}.intro__contact{font-size:1.35rem;font-weight:400}.intro__hello .wave-hand.animated{-webkit-animation-name:wave-animation;animation-name:wave-animation;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:70% 70%;transform-origin:70% 70%}@-webkit-keyframes wave-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wave-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.intro__tagline{font-weight:300;max-width:700px}.highlight-link{color:#e7e7e7}a{font-weight:700;color:inherit}.intro__contact .highlight-link,a{transition:all .2s ease-in-out;text-decoration:none}.intro__contact .highlight-link{font-weight:400;display:inline-block;padding:2px 3px;box-shadow:inset 0 -3px 0 #007bff}.name{font-weight:700}.highlight-link:hover{background-color:#007bff}.intro__hello .wave-hand{background-image:url(https://i.pinimg.com/originals/21/f2/07/21f2078d23f9195570a3711c018328b2.png);margin-left:10px;cursor:pointer}.intro__hello .emoji,.intro__tagline .emoji{width:40px;height:40px}.emoji{display:inline-block;vertical-align:text-top;background-size:contain;background-repeat:no-repeat;background-position:50%}.intro__contact .emoji.pointer{background-image:url(https://images.emojiterra.com/google/android-10/512px/1f449.png);width:30px;height:30px;margin:0 5px;vertical-align:text-bottom}@media screen and (max-width:360px){.intro__hello,.intro__tagline{font-size:1.2rem!important}.intro__contact{font-size:1rem!important}}@media screen and (max-width:300px){.intro__contact{font-size:.9rem!important}}@media screen and (max-width:480px){.intro{padding:70px 50px!important}.intro__contact{font-size:1.1rem}}@media screen and (max-width:550px){.intro__hello,.intro__tagline{font-size:1.6rem}.intro__contact{font-size:1.3rem}}@media screen and (max-width:630px){.intro{padding:120px 70px}.intro__contact .emoji.pointer,.intro__hello .emoji{width:25px;height:25px}}@media screen and (max-width:800px){.container{width:100%;border:none;margin-left:-1.5rem}}@media screen and (max-width:1024px){.intro__hello .emoji{width:30px;height:30px}.image3{display:none}.intro__contact .emoji.pointer{width:30px;height:30px}}.skill_section{margin-top:5rem}.image{height:5rem}.skill_1{flex-shrink:0;text-transform:uppercase;text-align:center;font-weight:700;letter-spacing:2px;color:#e7e7e7}.skills{display:flex;flex-direction:row;justify-content:space-between;margin:30px;border:1px solid #fff;padding:1rem;border-radius:20px}.skillbox p{text-transform:uppercase;text-align:center;letter-spacing:2px;color:#e7e7e7;margin:.25rem}@media screen and (max-width:359px){.image{height:4rem!important}}@media screen and (max-width:1024px){.image{height:5rem}.skill_section{margin-top:2rem}}@media screen and (max-width:768px){.skills{flex-direction:column}.skill_1{padding:0}.image{height:6rem;display:block;margin-left:auto;margin-right:auto}.skillbox p{font-size:1rem}.skillbox{margin:2rem}}.experiences{margin-left:auto;margin-right:auto;width:90%;display:flex;flex-direction:row;justify-content:space-around;margin-bottom:2rem}.para{width:60%;border:1px solid #fff;border-radius:25px}.para p{margin:2rem 2rem 1rem;color:#e7e7e7;opacity:1;font-size:1rem}.project__used{display:flex;flex-direction:row;margin:1rem 2rem}.project__used__item{display:inline-block;margin:.4rem 1rem .2rem 0;font-family:Inconsolata,monospace;font-size:.75rem;font-weight:700;padding:2px 7px;border-radius:3px;color:#007bff;border:1px solid #007bff;background:0 0}@media screen and (max-width:1024px){.experiences{flex-direction:column}.image1,.para{margin-right:auto;margin-left:auto}.para{width:100%;margin-top:1rem}.para p{font-size:1rem}}@media screen and (max-width:360px){.image2{height:8.5rem!important;width:10rem!important}.project__used{flex-direction:column}.project__used__item{text-align:center;font-size:.75rem}}.title{text-align:center}.title h1{flex-shrink:0;color:#007bff;text-transform:uppercase;font-weight:700;letter-spacing:2px;font-size:1.75rem}.projects,.row{display:flex;flex-direction:row;justify-content:space-around}.projects{margin-left:auto;margin-right:auto;width:90%;margin-bottom:2rem}.image2{height:12rem;width:20rem;border-radius:25%}.paragraph{width:60%;border:1px solid #fff;border-radius:25px;padding:0 4rem}.paragraph p{margin:2rem 0 1rem;color:#e7e7e7;opacity:1;font-size:1rem}.project__used1{display:flex;flex-direction:row;margin:1rem 2rem;justify-content:center}.project__used__item1{display:inline-block;margin:.2rem 1rem .2rem 0;font-family:Inconsolata,monospace;font-size:.75rem;font-weight:700;padding:2px 7px;border-radius:3px;color:#007bff;border:1px solid #007bff;background:0 0}.project__name{display:flex;justify-content:center}.important__link{margin-bottom:-1.5rem;margin-top:1rem;color:#e7e7e7;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.important__link:hover{background-color:#007bff}@media screen and (max-width:1024px){.experiences{flex-direction:column}.image1,.paragraph{margin-right:auto;margin-left:auto}.paragraph{width:100%;margin-top:1rem}.paragraph p{font-size:1rem}}@media screen and (max-width:768px){.row{flex-direction:column}.paragraph p{margin:2rem 2rem 1rem}.paragraph{padding:0}}@media screen and (max-width:360px){.image2{height:8.5rem!important;width:10rem!important}.project__used1{flex-direction:column}.project__used__item1{text-align:center}}.items{display:flex;flex-direction:row;justify-content:space-around}.footer{margin-bottom:.5rem}.items h4{color:#e7e7e7;box-shadow:inset 0 -3px 0 #007bff;font-size:1.5rem;margin-top:0;margin-bottom:0}.items a{text-decoration:none}.items a:hover{transition:all .2s ease-in-out;background-color:#007bff}.copyright{text-align:center;margin-top:4rem;color:#e7e7e7;font-weight:500}.rockon{height:2rem;margin-left:1rem;margin-right:1rem}@media screen and (max-width:768px){.items h4{font-size:1rem}}
/*# sourceMappingURL=main.fd983cbb.chunk.css.map */