@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;800&family=Oswald:wght@200;300;400;500;600;700&display=swap);*{box-sizing:border-box;font-family:Open Sans,sans-serif;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#aboutme,#achievements,#contact,#education,#home,#project,#skills{overflow:hidden}.App{--_p:.45em;background-color:#000;height:100vh;margin:0;padding:0;width:100vw}.App,a{color:#fff}a{text-decoration:none}.navbar{align-items:center;background-color:#000;color:#fff;display:flex;height:60px;justify-content:space-around;position:fixed;-webkit-transform:translateY(0);transform:translateY(0);transition:all .5s ease;width:100vw;z-index:10}.navbar .logo{font-family:Oswald,sans-serif;font-size:1.5em;font-weight:700;text-align:center;width:25%}.navbar .logo span{color:#fa163f}.navbar .menu{align-items:center;display:flex;display:none;font-family:Oswald,sans-serif;justify-content:space-around;text-transform:uppercase;width:50%}@media only screen and (min-width:768px){.navbar .menu{display:flex}}.navbar .menu a{font-weight:700}.navbar .menu a:hover{color:#fa163f}.navbar .mobileMenuItems{align-items:center;display:flex;gap:20px}@media only screen and (min-width:768px){.navbar .mobileMenuItems{display:none}}.navbar .mobileMenuItems img{height:25px;width:25px}.navbar.mobileView{background-color:#000}.navbar.mobileView .menu{-webkit-animation:mobileMenu .3s ease forwards;animation:mobileMenu .3s ease forwards;background:#000;border-top:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;left:0;padding:20px 0 20px 10px;position:absolute;top:60px;width:100%}.navbar.mobileView .menu a{align-items:flex-start;display:flex;flex-direction:column;font-size:20px;height:auto;margin:0;padding:15px 20px;width:100%}.navbar.top{background-color:transparent}@-webkit-keyframes mobileMenu{0%{-webkit-transform:translateY(-130%);transform:translateY(-130%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes mobileMenu{0%{-webkit-transform:translateY(-130%);transform:translateY(-130%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}#aboutme{margin-top:10px;min-height:500px;padding:120px 20px 10px;position:relative;width:100vw}@media only screen and (min-width:768px){#aboutme{padding-left:100px;padding-right:80px}}#aboutme h1{border-left:15px solid #fa163f;font-size:2.5em;font-weight:700;margin-bottom:15px;padding-left:15px}@media only screen and (min-width:768px){#aboutme h1{margin-bottom:25px}}#aboutme .content{display:flex;flex-direction:column;gap:50px;justify-content:start}@media only screen and (min-width:768px){#aboutme .content{flex-direction:row}}#aboutme .content .aboutme-image{height:100%;width:100%}@media only screen and (min-width:768px){#aboutme .content .aboutme-image{width:40%}}#aboutme .content .aboutme-image img{background-size:cover;height:100%;max-height:500px;width:100%}#aboutme .content .bio{width:100%}@media only screen and (min-width:768px){#aboutme .content .bio{width:60%}}#aboutme .content .bio .sub-heading{color:#fa163f;font-size:1.1em;font-weight:700;margin-bottom:10px;text-transform:uppercase}#aboutme .content .bio p{font-size:.9em;font-weight:300;text-align:justify}@media only screen and (min-width:768px){#aboutme .content .bio p{font-size:1.2em}}#aboutme .content .bio .contacts{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;grid-template-rows:1fr 1fr}@media only screen and (min-width:768px){#aboutme .content .bio .contacts{gap:30px;grid-template-columns:1fr 1fr;grid-template-rows:1fr}}#aboutme .content .bio .contacts .card{align-items:center;background-color:#0c0c0c;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:20px 0}#aboutme .content .bio .contacts .card svg{color:#fa163f;height:30px;width:30px}#aboutme .content .bio .contacts .card span{color:#fff;font-family:Oswald,sans-serif;font-size:1.2em;font-weight:700}#aboutme .content .bio .btn-download{margin:30px 0}#aboutme .content .bio .btn-download a{background-color:#fa163f;border:2px solid #fa163f;color:#fff;letter-spacing:normal;padding:15px;text-decoration:none;width:30%}#aboutme .content .bio .btn-download a:hover{background-color:transparent}#aboutme .content .bio .links{display:flex;gap:10px;margin-top:20px}#aboutme .content .bio .links a{background-color:#fa163f;color:#fff;height:50px;padding:10px;text-decoration:none;width:50px}#aboutme .content .bio .links svg{height:100%;text-align:center;width:100%}#aboutme .content h2{font-family:Oswald,sans-serif;font-size:1.7em;font-weight:700;margin-top:3%;text-shadow:2px 2px 0 #de4c17}@media only screen and (min-width:768px){#aboutme .content h2{margin-bottom:5px}}form{width:100%}form input,form textarea{background-color:transparent;border:.5px solid #212121;color:#fff;font-size:.8em;margin-bottom:15px;min-width:300px;outline:none;padding:10px;width:100%}form input:focus,form textarea:focus{border-bottom:1px solid #fa163f}form button{background-color:#fa163f;border:none;color:#fff;font-family:Oswald,sans-serif;letter-spacing:.5em;padding:10px 4px;width:60%}#contactme{background-color:#0c0c0c;display:flex;flex-direction:column;justify-content:start;min-height:500px;padding:120px 20px 10px;position:relative}@media only screen and (min-width:768px){#contactme{padding-left:100px;padding-right:80px}}#contactme h1{border-left:15px solid #fa163f;font-size:2.5em;font-weight:700;margin-bottom:15px;padding-left:15px}@media only screen and (min-width:768px){#contactme h1{margin-bottom:25px}}#contactme .contactdiv{color:#fff;display:grid;grid-auto-rows:auto;grid-template-rows:1fr 1fr;position:relative;z-index:1}@media only screen and (min-width:768px){#contactme .contactdiv{flex-direction:row;grid-auto-rows:auto;grid-template-columns:2fr 1fr;min-height:400px}}#contactme .contactdiv .left{align-items:start;display:flex;flex-direction:column;gap:20px;justify-content:start;padding:10px;position:relative;z-index:1}#contactme .contactdiv .left .form{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}@media only screen and (min-width:768px){#contactme .contactdiv .left .form{align-items:start;justify-content:start;padding-left:50px}}#contactme .contactdiv .left .links{align-items:center;display:inline-flex;gap:10px;justify-content:center;width:100%}@media only screen and (min-width:768px){#contactme .contactdiv .left .links{align-items:start;justify-content:start;padding-left:50px}}#contactme .contactdiv .left .links .link{align-items:center;background-color:#212121;border-bottom:2px solid #fa163f;display:flex;gap:5px;justify-content:space-around;padding:8px 12px}#contactme .contactdiv .left .links .link svg{height:20px;width:20px}#contactme .contactdiv .left .links .link span{font-family:Oswald,sans-serif;font-weight:700}#contactme .contactdiv .left .links .link:hover{background-color:#fa163f}#contactme .contactdiv .right{align-items:start;background-color:#000;display:flex;flex-direction:column;gap:20px;padding:10px;z-index:1}#contactme .contactdiv .right h3{font-family:Oswald,sans-serif}#contactme .contactdiv .right .info{align-items:flex-start;display:flex;flex-direction:column;font-size:.9rem;gap:15px;justify-content:center;z-index:5}#contactme .contactdiv .right .info .info-item{align-items:center;display:flex;gap:10px;justify-content:space-around;overflow-wrap:break-word;padding-left:5px}#contactme .contactdiv .right .info .info-item .icon{background-color:#fa163f;height:40px;padding:10px;width:40px}#contactme .contactdiv .right .info .info-item .icon svg{align-items:center;color:#bebebe;height:100%;width:100%}.design-section{align-items:start;background-color:#000;background-color:#0c0c0c;display:flex;flex-direction:column;font-family:Jost;justify-content:center;min-height:500px;padding:120px 20px 10px}.design-section h1{border-left:15px solid #fa163f;font-size:2.5em;font-weight:700;margin-bottom:15px;padding-left:15px}@media only screen and (min-width:768px){.design-section h1{margin-bottom:25px}.design-section{padding-left:100px;padding-right:80px}}.design-section .timeline{display:flex;flex-direction:column;height:auto;margin:0 auto;max-width:800px;width:80%}@media only screen and (min-width:768px){.design-section .timeline{display:grid;grid-template-columns:1fr 3px 1fr}}.design-section .timeline .timeline-content{background:#040404;border-radius:5px;border-radius:6px;box-shadow:0 0 10px hsla(0,0%,86%,.286);color:#fff;color:#5e5e5e;display:flex;flex-direction:column;gap:5px;margin:1rem 1rem 20px;overflow-wrap:break-word!important;padding:1.75rem;transition:.4s ease}.design-section .timeline .timeline-content.timeline-component{margin:0 20px 20px}.design-section .timeline .timeline-content h3{color:#fa163f;font-weight:700}.design-section .timeline .timeline-content h4{color:#d9d9d9;font-size:.9em}@media only screen and (min-width:768px){.design-section .timeline .timeline-middle{background-image:linear-gradient(45deg,#fa163f,#e94057,#8a2387);height:100%;position:relative;width:3px}.design-section .timeline .main-middle{opacity:0}}.design-section .timeline .timeline-circle img{display:none}@media only screen and (min-width:768px){.design-section .timeline .timeline-circle{border-radius:50%;height:30px;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px}.design-section .timeline .timeline-circle img{display:block;height:100%;width:100%}}#home{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100%}@media only screen and (min-width:768px){#home{align-items:center;flex-direction:row;justify-content:center}}#home .background{position:absolute;top:0;z-index:0}#home .background img{background-size:cover;height:100vh;position:relative;width:100vw}#home .background .filter{background-color:rgba(0,0,0,.8);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1}#home .intro{display:inline-block;line-height:3em;text-align:center;z-index:5}#home .intro ul{list-style:none}#home .intro ul .first{align-items:left;color:#fff;display:inline-block;font-size:1em}#home .intro ul .first .lottie{display:inline-block;width:40px}@media only screen and (min-width:768px){#home .intro ul .first{font-size:1.5em}}#home .intro ul .name{color:#eddb78;display:flex;font-size:2em;font-weight:700;gap:5px;text-shadow:2px 2px 0 #fa163f;text-transform:uppercase}#home .intro ul .name .lottie{height:40px;width:40px}@media only screen and (min-width:768px){#home .intro ul .name{font-size:3em;text-shadow:3px 3px 0 #fa163f}#home .intro ul .name .lottie{height:50px;width:50px}}#home .intro ul .title{align-items:left;display:inline-block}#home .intro ul .title div{color:#fff;font-size:1em;font-weight:700;height:20%;overflow:hidden;padding:0;white-space:nowrap}@media only screen and (min-width:768px){#home .intro ul .title div{font-size:1.3em}}#home .intro ul .btnDiv{align-items:left;align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;width:60%}@media only screen and (min-width:768px){#home .intro ul .btnDiv{flex-direction:row}}#home .intro ul .btnDiv .btn{background:#fa163f;border:0 solid #18181a;box-sizing:initial;color:#fff;cursor:pointer;display:inline-block;font-family:Oswald,sans-serif;font-size:15px;letter-spacing:0;line-height:15px;overflow:hidden;padding:20px;position:relative;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}#home .intro ul .btnDiv .btn:after{background-color:#fff;bottom:-50%;content:"";height:100%;left:0;position:absolute;-webkit-transform:skewY(9.3deg) scaleY(0);transform:skewY(9.3deg) scaleY(0);-webkit-transform-origin:bottom center;transform-origin:bottom center;transition:-webkit-transform .6s cubic-bezier(.48,0,.12,1);transition:transform .6s cubic-bezier(.48,0,.12,1);transition:transform .6s cubic-bezier(.48,0,.12,1),-webkit-transform .6s cubic-bezier(.48,0,.12,1);width:100%;z-index:50}#home .intro ul .btnDiv .btn:hover:after{-webkit-transform:skewY(9.3deg) scaleY(2);transform:skewY(9.3deg) scaleY(2);-webkit-transform-origin:bottom center;transform-origin:bottom center}#home .intro ul .btnDiv .btn:hover span:last-child{opacity:1;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);transition:all .9s cubic-bezier(.48,0,.12,1)}#home .intro ul .btnDiv span:first-child{position:relative;text-align:center;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10}#home .intro ul .btnDiv span:last-child{bottom:0;color:#000;display:block;height:14px;left:50%;line-height:13px;opacity:0;position:absolute;top:50%;-webkit-transform:translateY(225%) translateX(-50%);transform:translateY(225%) translateX(-50%);transition:all .5s cubic-bezier(.48,0,.12,1);z-index:100}.skill-item{text-align:center}.skill-item img{aspect-ratio:1/1;background-repeat:no-repeat;background-size:cover;position:relative;width:50px}@media only screen and (min-width:768px){.skill-item img{width:60px}}@media only screen and (min-width:1024px){.skill-item img{width:70px}}.skill-item .title{font-size:.6em}@media only screen and (min-width:768px){.skill-item .title{font-size:.7em}}@media only screen and (min-width:1024px){.skill-item .title{font-size:1em}}#skills{align-items:start;display:flex;flex-direction:column;justify-content:space-around;min-height:500px;padding:120px 20px 40px;position:relative;width:100%}@media only screen and (min-width:768px){#skills{padding-bottom:70px;padding-left:80px;padding-right:80px}}#skills h1{border-left:15px solid #fa163f;font-size:2.5em;font-weight:700;margin-bottom:15px;padding-left:15px}@media only screen and (min-width:768px){#skills h1{margin-bottom:25px}}#skills .skilldiv{color:#fff}#skills .skilldiv .items{grid-column-gap:4%;grid-row-gap:15px;-webkit-column-gap:4%;column-gap:4%;display:grid;grid-template-columns:repeat(4,22%);row-gap:15px;width:calc(100vw - 40px)}@media only screen and (min-width:768px){#skills .skilldiv .items{-webkit-column-gap:2.5%;column-gap:2.5%;grid-template-columns:repeat(5,18%);row-gap:25px;width:calc(100vw - 80px)}}@media only screen and (min-width:1024px){#skills .skilldiv .items{row-gap:40px}}.project-item{align-items:start;background-color:#000;border-left:2px solid #fa163f;color:#fff;display:flex;flex-direction:column;max-width:calc(100vw - 40px);min-height:300px;min-width:calc(66.66667vw - 26.66667px);padding:20px;position:relative}@media only screen and (min-width:768px){.project-item{max-width:calc(33.33333vw - 13.33333px);min-width:calc(26.66667vw - 13.33333px)}}.project-item .top{align-items:center;display:flex;gap:15px;translate:-30px}.project-item .top .icon{background-color:#fa163f;height:40px;padding:10px;transition:.1s ease-in-out;width:40px}.project-item .top .icon svg{align-items:center;color:#fff;height:100%;width:100%}.project-item .top .icon:hover{background-color:#000;border:2px solid #fa163f}.project-item .top .title{font-family:Oswald,sans-serif;font-weight:700;text-align:center;text-transform:uppercase;width:100%}.project-item .top .counter{color:#fa163f;font-family:Oswald,sans-serif;font-size:1.2em;font-weight:700}.project-item .time{color:gray;margin-bottom:5px;margin-top:10px}.project-item .desc{color:#6b6b6b;margin-top:10px;text-align:left}.project-item .desc li{list-style:none}.project-item .technology{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px;overflow-x:hidden;width:100%}.project-item .technology .techItem{background-color:#202020;border-radius:5px;display:inline-block;font-size:.6em;padding:5px}.project-item .actions{display:flex;margin-top:30px;width:100%}.project-item .actions .probtn{border-radius:3px;cursor:pointer;font-family:Oswald,sans-serif;padding:5px;text-align:center;text-transform:uppercase;width:48%}.project-item .actions .probtn.github{background-color:#fa163f}.project-item .actions .probtn.preview{border:2px solid #fa163f;margin-left:2%}#projects{background-color:#0c0c0c;display:flex;height:auto;justify-content:start;padding:120px 20px 70px;position:relative;width:100%}@media only screen and (min-width:768px){#projects{padding:50px 50px 70px}}@media only screen and (min-width:1024px){#projects{padding:50px 80px 70px 100px}}#projects h1{border-left:15px solid #fa163f;font-size:2.5em;font-weight:700;margin-bottom:15px;padding-left:15px}@media only screen and (min-width:768px){#projects h1{margin-bottom:25px}}#projects .categories{cursor:pointer;display:flex;font-family:Oswald,sans-serif;font-size:1.1em;font-weight:700;gap:20px;list-style:none;margin-bottom:10px}#projects .categories li{border-left:3px solid #fa163f;box-sizing:initial;padding-left:10px}#projects .categories li:hover{color:#fa163f}#projects .categories li:first-child{border:none}#projects .categories .active{color:#fa163f}#projects .content{display:flex;flex-direction:column;height:auto}#projects .projectdiv{color:#fff;flex-grow:1;padding:20px}#projects .projectdiv .items{grid-row-gap:10px;display:grid;grid-template-columns:100%;height:100%;position:relative;row-gap:10px;width:calc(100vw - 60px)}@media only screen and (min-width:768px){#projects .projectdiv .items{-webkit-column-gap:10px;column-gap:10px;grid-template-columns:30% 30% 30%;width:calc(100vw - 150px)}}@media only screen and (min-width:1024px){#projects .projectdiv .items{width:calc(100vw - 200px)}}#achievements{grid-gap:20px;background-color:#000;display:grid;padding:50px 10px;width:100%}@media only screen and (min-width:768px){#achievements{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:100px 50px}}#achievement{align-items:center;background-color:#0c0c0c;border-bottom:3px solid #fa163f;display:flex;font-family:Oswald,sans-serif;gap:20px;justify-content:center;min-height:120px;padding:20px}#achievement .number{font-size:3em;font-weight:700}#achievement .separator{background-color:#fff;height:80%;width:3px}#achievement .right{display:flex;flex-direction:column;gap:2px}#achievement .right svg{color:#fa163f;height:40px;width:40px}#achievement .right .text{color:#dfdfdf;font-family:open sans;font-size:1em;font-weight:500;text-transform:capitalize}
/*# sourceMappingURL=main.762b275c.css.map*/