body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0;font-family:"Montserrat",sans-serif}h1{font-size:50px}h2{font-size:25px;font-weight:lighter;margin-top:20px}p{font-size:29px}@media only screen and (max-width:900px){h1{font-size:40px}h2,p{font-size:20px}}@media only screen and (max-width:500px){h1{font-size:35px}}.Home{height:100vh;color:#000}.home-items{height:75vh;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.laptop,.phone{position:absolute;top:30px;left:50px;font-size:40px}.phone{visibility:hidden}.header{display:block;margin-top:50px;text-align:center}.content{width:570px}.imgTypingContainer{display:flex;flex-direction:row;justify-content:center;border:10px solid #fff;box-shadow:inset 0 0 15px #000;border-radius:50%;width:225px;height:225px;background:#4d44ff}.avatar{transform:translate(-2px,12px);transform:rotate(10px,right);height:200px;width:220px}@media only screen and (max-width:900px){.content{width:470px}.phone{visibility:visible}.laptop{visibility:hidden}}@media only screen and (max-width:500px){.content{text-align:center;width:330px}}.backCard,.card{height:250px;width:360px;border-radius:5px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;box-shadow:2px 4px 4px 2px rgba(0,0,0,.2);transition:.4s ease-out}.card{margin:30px 70px;background-color:#fff}.title{font-size:30px}.description{font-size:17px}.backCard{display:flex;flex-direction:column;justify-content:space-between;text-align:center;padding:30px;color:transparent;box-shadow:2px 4px 4px 2px transparent;visibility:hidden}.icons{display:flex;justify-content:space-around}.cardLink{visibility:hidden;height:60px;width:60px;font-size:50px;color:transparent;transition:.4s ease-out}.card:hover{transform:translateY(5px)}.cardLink:hover{transition:.1s ease-out;font-size:54px}.card:hover .backCard{box-shadow:2px 8px 8px 2px rgba(0,0,0,.5);background-color:#fff}.card:hover .backCard,.card:hover .cardLink{visibility:visible;color:#000}@media only screen and (max-width:1700px){.card{margin:30px 50px}}@media only screen and (max-width:1550px){.card{margin:20px}}@media only screen and (max-width:900px){.card{margin:15px}}@media only screen and (max-width:500px){.backCard,.card{height:195px;width:305px;background-size:cover}.backCard{padding:15px 7px}.title{font-size:25px}.description{font-size:15px}.cardLink{margin-top:15px;transition:.4s ease-out}.cardLink,.cardLink:hover{font-size:50px}}.decoration{display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;text-align:center;color:#493ffc}.fa-briefcase{font-size:80px;transform:translate(20px,-151px)}.fa-laptop-code{font-size:100px;transform:translate(35px,-156px)}.fa-desktop{font-size:160px;transform:translate(45px,-158px)}.logo{transform:translate(-113px,-206px)}.fa-mouse{font-size:40px;transform:translate(-90px,-158px)}.fa-coffee{font-size:50px;transform:translate(-75px,-156px)}.fa-calendar-alt{font-size:70px;transform:translate(-75px,-230px)}@media only screen and (max-width:700px){.fa-briefcase,.fa-laptop-code{display:none}}@media only screen and (max-width:500px){.fa-calendar-alt{display:none}}@media only screen and (max-width:450px){.fa-mouse{font-size:40px;transform:translate(-70px,-158px)}.fa-coffee{display:none;font-size:50px;transform:translate(-150px,-156px)}}img{height:73px;width:80px;transform:translateY(-10px)}.Tilt-inner{padding:1rem}.container{display:block;height:100%;width:100%;margin:0 auto}.blueContainer{margin:0;padding:0;height:500px;background:#493ffc}.projects{display:flex;justify-content:center;flex-wrap:wrap;align-content:flex-start;width:90%;margin:0 auto;padding:50px 0;transform:translateY(-230px);border-radius:10px;box-shadow:2px 4px 4px 2px rgba(0,0,0,.2);background-color:#f1f1f1}.headerProjects{transform:translateY(-90px);color:#fff}.categories,.headerProjects{text-align:center}.particles{position:fixed;top:0;right:0;bottom:0;left:0}.navbarItems{position:fixed;top:0;width:100%;font-size:1.2rem;z-index:5}.nav-menu{display:flex;flex-direction:column;justify-content:center;width:100%;height:600px;position:absolute;top:0;left:-100%;transition:all .5s ease;z-index:3}.nav-menu.active{position:fixed;background:#6668f4;left:0;opacity:1;transition:all .5s ease;z-index:-1}li{list-style-type:none}.nav-links{display:table;width:100%;padding:2rem;color:#fff;text-align:center;text-decoration:none}.menu{font-size:1.7rem;text-decoration:underline}.menu-icon{position:fixed;top:0;right:0;width:180px;height:180px;transform:translate(90px,-90px);border-radius:50%;box-shadow:2px 4px 8px 2px rgba(0,0,0,.5);background:#493ffc}.fa-bars,.fa-times{color:#fff;font-size:2rem;display:block;position:absolute;top:0;right:0;transform:translate(-115px,110px);cursor:pointer}.nav-links:hover{background-color:#7577fa;transition:all .3s ease-out;cursor:pointer}.menu:hover{background:#6668f4;cursor:auto}@media only screen and (max-width:700px){.menu-icon{transform:translate(97px,-97px)}}.techStak{height:100%;width:100%;padding-top:40px;border-top:1px solid #ebebeb;transform:translateY(-120px)}.techTitle{margin:50px 0;text-align:center}.techContainer{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap}.topTech{margin:20px 0 10px}.buttomTech{margin:10px 0 20px;display:flex;flex-direction:row}.imgTop{margin:25px}.backEndContainer,.frontEndContainer{display:flex;flex-direction:column;justify-content:center;height:300px;width:500px;padding:10px;border-radius:5px;box-shadow:2px 4px 4px 2px rgba(0,0,0,.2);margin:30px;background-color:#fff}.hcsContainer,.mmpContainer,.npContainer,.rraContainer{display:flex;align-items:center;justify-content:space-around}.itemImg{width:140px;height:110px;display:flex;align-items:center;justify-content:center;margin:10px}.angular,.gatsby,.react,.redux{height:80px;width:80px}.nextjs{height:80px;width:130px}.bootstrap{height:85px;width:80px}.nodeJs{height:80px;width:135px}.postman{height:80px;width:90px}.mongoDB{height:80px;width:115px}.mySQL{height:80px;width:125px}.postgreSQL{height:80px;width:85px}@media only screen and (max-width:1150px){.backEndContainer,.frontEndContainer{width:460px;margin:25px}}@media only screen and (max-width:1000px){.backEndContainer,.frontEndContainer{width:500px;margin:30px}.buttomTech{flex-direction:column}}@media only screen and (max-width:600px){.techTitle{font-size:25px}.backEndContainer,.frontEndContainer{height:200px;width:400px;margin:20px 0}.imgTop{margin:10px;height:65px;width:65px}.itemImg{margin:10px 0 0;width:100px;height:85px}.angular,.gatsby,.react,.redux{height:60px;width:60px}.nextjs{height:65px;width:105px}.bootstrap{height:65px;width:65px}.nodeJs{height:60px;width:100px}.postman{height:60px;width:65px}.mongoDB{height:60px;width:80px}.mySQL{height:60px;width:90px}.postgreSQL{height:60px;width:60px}}@media only screen and (max-width:470px){.backEndContainer,.frontEndContainer{height:175px;width:325px}.itemImg{margin:0;padding-top:10px;width:100px;height:85px}}.contact{display:flex;flex-direction:column;justify-content:space-around;width:100%;height:100%;margin-top:25px;padding:50px 30px;background:#493ffc}.contactHeader{margin-bottom:25px;text-align:center;color:#fff}.contactDetails{display:flex;flex-direction:column;justify-content:space-between;margin-top:25px;padding:50px 0;font-size:65px;border-radius:10px;background-color:#fafafa;box-shadow:2px 4px 4px 2px rgba(0,0,0,.2)}.buttonDetails,.topDetails{display:flex;flex-direction:row;justify-content:space-around;margin:25px;padding:25px}.containerItem{display:flex;flex-direction:column;align-items:center}.boxEmail{display:flex;flex-direction:row}.fa-check-circle,.fa-copy{font-size:25px;transform:translate(-30px,-45px)}.copied{position:absolute;width:150px;font-size:15px;transform:translate(5px,-80px)}.linkedInContainer{transform:translateX(-65px)}.fa-linkedin{transform:translateX(5px)}.gitHubContainer{transform:translateX(35px)}.fa-github{transform:translateX(7px)}a{text-decoration:none}.pCopy{text-align:center;border-radius:10px;width:110%;color:#000;transition:all .3s ease-out;cursor:pointer}.fa-envelope,.fa-map-marker-alt,.fab{margin:0 50px;color:#000;transition:.2s ease-out;cursor:pointer}.fa-envelope:hover,.fa-map-marker-alt:hover,.fab:hover{font-size:70px}.pCopy:hover{background-color:#493ffc;color:#fff}@media only screen and (max-width:900px){.contactHeader{margin-bottom:30px}.buttonDetails,.topDetails{margin:20px;padding:20px}.buttonDetails{transform:translateX(-50px)}}@media only screen and (max-width:800px){.copied{width:100px}}@media only screen and (max-width:700px){.buttonDetails,.topDetails{display:flex;flex-direction:column;align-items:center;margin:0;padding:0}.containerItem{margin:20px}.linkedInContainer{transform:translateX(-10px)}.locationContainer{transform:translateX(40px)}.copied{width:150px}}@media only screen and (max-width:600px){.copied{width:100px}}.containerAboutMe{height:100%;width:100%;padding:40px 0 50px;border-top:1px solid #ebebeb;transform:translateY(-10px)}.aboutMe{display:flex;flex-direction:column;justify-content:space-around;width:90%;margin:20px auto;padding:50px 0}.aboutMe,.headerAboutMe{text-align:center}.contentAboutMe{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;margin:60px;text-align:left}.iconAboutMe{font-size:60px}.containerAM{width:250px;height:350px;margin:20px 80px}.cardAM{width:250px;height:350px;border-radius:10px;box-shadow:2px 4px 4px 2px rgba(0,0,0,.2);background-color:#f1f1f1}.cardAM,.contentAM{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;padding:30px}.contentAM{height:100%;width:100%;color:#fff;background-color:#493ffc;-webkit-clip-path:circle(0);clip-path:circle(0);transition:all .6s}.pAM{font-size:20px}.cardAM:hover .contentAM{border-radius:10px;-webkit-clip-path:circle(250px);clip-path:circle(250px)}.contentAM:hover .fa-info{opacity:0;transform:translate(100px)}@media only screen and (max-width:1600px){.containerAM{margin:20px 40px}}@media only screen and (max-width:1250px){.containerAM{margin:20px 0}.cardAM,.contentAM{width:225px;height:325px}}@media only screen and (max-width:100px){.containerAM{margin:0}.cardAM,.contentAM{width:250px;height:350px}}@media only screen and (max-width:650px){.containerAM{margin:0}.cardAM,.contentAM{width:225px;height:325px}}
/*# sourceMappingURL=main.e5983f97.chunk.css.map */