body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Raleway,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}.App{overflow-x:hidden}header{align-items:center;display:flex;justify-content:space-between;padding:24px 48px}@media(max-width:768px){header{padding:16px}}header .title{font-size:20px;font-weight:400;letter-spacing:.02em;margin:0 0 0 8px;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}header .actions{display:flex}header .actions a{border:2px solid #fff;border-radius:10px;color:#fff;font-size:12px;font-weight:700;margin-left:8px;padding:6px 8px;text-decoration:none;text-transform:uppercase;transition:.5s ease}header .actions a:hover{background-color:#18ffff;border-color:#18ffff;color:#212121}section{background-color:#212121;color:#fff;min-height:100vh}section.about{background-color:#fff;color:#000}section.about,section.projects{padding:50px 25px}section.about .section-header,section.projects .section-header{font-size:30px;text-align:center}section.about .content,section.projects .content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:40px}@media(max-width:768px){section.about .content,section.projects .content{flex-direction:column}}#hello-text{align-items:center;display:flex;font-size:33px;font-weight:100}#hello-text div{display:inline-grid;height:40px;line-height:40px;margin:0;overflow:hidden}#hello-text div p,#hello-text div ul{margin:0}#hello-text div ul{-webkit-animation:change 10s infinite;animation:change 10s infinite;list-style:none;padding-left:100px}#hello-text span{-webkit-animation:opacity 2s infinite;animation:opacity 2s infinite;color:#18ffff;font-size:42px;font-weight:300;vertical-align:middle}@-webkit-keyframes opacity{0%,to{opacity:0}50%{opacity:1}}@keyframes opacity{0%,to{opacity:0}50%{opacity:1}}@-webkit-keyframes change{0%,22%,to{-webkit-transform:translate3d(0,-33.33%,0);transform:translate3d(0,-33.33%,0)}25%,47%{-webkit-transform:translate3d(0,-66.67%,0);transform:translate3d(0,-66.67%,0)}50%,72%{-webkit-transform:translate3d(0,-99.99%,0);transform:translate3d(0,-99.99%,0)}75%,97%{-webkit-transform:translate3d(0,-66.67%,0);transform:translate3d(0,-66.67%,0)}}@keyframes change{0%,22%,to{-webkit-transform:translate3d(0,-33.33%,0);transform:translate3d(0,-33.33%,0)}25%,47%{-webkit-transform:translate3d(0,-66.67%,0);transform:translate3d(0,-66.67%,0)}50%,72%{-webkit-transform:translate3d(0,-99.99%,0);transform:translate3d(0,-99.99%,0)}75%,97%{-webkit-transform:translate3d(0,-66.67%,0);transform:translate3d(0,-66.67%,0)}}section.landing .content{align-items:center;display:flex;justify-content:center;margin-top:80px}@media(max-width:768px){section.landing .content{flex-direction:column}section.landing .content .me{margin-right:0!important}section.landing .content .me img{height:300px!important;width:300px!important}section.landing .content #hello-text{margin-top:36px}}section.landing .content .me{margin-right:40px}section.landing .content .me img{border-radius:58% 42% 58% 42%/42% 58% 42% 58%;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);height:375px;object-fit:cover;width:375px}section.landing .contact{align-items:center;display:flex;justify-content:center;margin-top:48px}@media(max-width:768px){section.landing .contact{margin-top:24px}}section.landing .contact i{cursor:pointer;font-size:32px}section.landing .contact i:first-child{margin-right:32px}.about a{text-decoration:none}.about #current-title{border:2px solid;border-radius:28px;color:#154c8a;font-size:20px;margin-bottom:20px;padding:8px 16px;text-align:center}@media(max-width:768px){.about #current-title{display:flex;flex-direction:column}}.about #bio{font-size:20px;font-weight:400;letter-spacing:2px;line-height:30px;text-align:center}.about #bio strong{margin-left:4px}.about .resume-btn{background:transparent;background-color:#18ffff;border-radius:8px;border-width:0;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:rgba(0,0,0,.9);display:inline-block;font-family:inherit;letter-spacing:2px;line-height:normal;margin:0;outline:none;overflow:hidden;padding:8px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1) 0s;vertical-align:top;white-space:nowrap}@media(max-width:600px){.projects .project-list{display:flex!important;flex-direction:column}}.projects .project-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:80px}.projects .project-list .project-detail{border-radius:16px;overflow:hidden;position:relative}.projects .project-list .project-detail:hover img{opacity:.3}.projects .project-list .project-detail:hover .middle,.projects .project-list .project-detail:hover i.devicon-github-original{opacity:1}.projects .project-list .project-detail img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;opacity:1;transition:.5s ease;width:100%}.projects .project-list .project-detail .middle{left:50%;opacity:0;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transition:.5s ease}.projects .project-list .project-detail .middle .text{border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 32px;transition:.5s ease}.projects .project-list .project-detail .middle .text:hover{background-color:#fff;color:#000}.projects .project-list .project-detail .middle .description{font-size:12px;margin-top:8px}.projects .project-list .project-detail i.devicon-github-original{bottom:8px;cursor:pointer;font-size:30px;left:8px;opacity:0;position:absolute;transition:.5s ease}.projects .project-list .project-detail .tech-stack{align-items:center;background-color:rgba(0,0,0,.7);border-radius:8px;bottom:8px;display:flex;justify-content:center;padding:8px 6px;position:absolute;right:8px}.projects .project-list .project-detail .tech-stack .technology:not(:last-child){margin-right:8px}
/*# sourceMappingURL=main.0319dbef.css.map*/