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}*{padding:0;margin:0}.logo-text{background-color:red;background-image:linear-gradient(45deg,#0ee794,#f8f8f7);font-weight:700;background-size:100%;background-repeat:repeat;background-repeat:no-repeat;background-clip:initial;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.btn:active{outline:none}#about{background-color:#0c0c0c;width:100%;height:100vh;overflow:hidden;padding-left:5rem;padding-right:5rem}#about h1{font-size:48px;text-align:center;padding:24px 0}@media screen and (max-width:768px){#about{height:auto;padding-left:1rem;padding-right:1rem}#about h1{font-size:40px}}@media screen and (max-width:480px){#about{padding-left:1rem;padding-right:1rem}}@media screen and (min-width:1000px){#about{height:auto}}.aboutImg img{height:18rem;width:18rem;display:block;margin:0 auto;object-fit:cover;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);border-radius:8px}#contact{background-color:#0c0c0c;width:100%;height:calc(100vh - 48px);box-sizing:border-box;padding:2.5rem 5rem 15px;color:#fff;position:relative}#contact h1{font-size:40px;text-align:center;padding:24px 0}.mail-contact{display:flex;justify-content:space-evenly;flex-wrap:wrap}.contacts:hover{background-color:#f0fff0;color:#064635}.contacts{width:18rem;border-radius:10px;background-color:#f0fff0;color:#040303;margin-bottom:20px}.btn-circle{width:30px;height:30px;padding:6px 0;border-radius:15px;text-align:center;font-size:12px;line-height:1.42857}.footer{color:#040303;background-color:#f0fff0;position:absolute;left:0;bottom:0;right:0;height:50px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}@media screen and (max-width:715px){#contact{height:calc(105vh - 48px);padding:20px 10px}}#portfolio{background-color:#0c0c0c;width:100%;height:auto;overflow:hidden;box-sizing:border-box;padding:2 2rem 2rem;color:#fff}#portfolio h1{color:#fff;font-size:40px;text-align:center;padding-top:3rem;padding-bottom:2rem}.allProjects{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap}.card{width:22rem;position:relative;height:25rem;margin-bottom:2rem}.card img{display:block;width:100%;height:23rem}.card-img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);color:#fff;font-family:"Quicksand",sans-serif;flex-direction:column;opacity:0;transition:opacity .25s}.card-img-overlay,.title_heading{display:flex;align-items:center;justify-content:center}.title_heading{background-color:#1b1b1b;padding-bottom:0;height:4.89rem}.card-title,.title_heading{margin-bottom:0}.card-img-overlay>*{-webkit-transform:translateY(20px);transform:translateY(20px);transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.card-img-overlay:hover{opacity:1;cursor:pointer}.card-img-overlay:hover>*{-webkit-transform:translateY(0);transform:translateY(0)}.img-title{font-size:2em;font-weight:700;text-transform:uppercase}.img-description{font-size:1em;margin-top:.25em}@media screen and (max-width:670px){#portfolio{padding:2.5rem 1rem}}.react{color:#add8e6}.node{color:#069906}.tech_used{text-align:center;font-size:2rem}.fab{padding-left:10px}.mongodb{color:green}p a{text-decoration:none}.codeLinks{display:flex;justify-content:space-around}.skillsWrapper{background:#0c0c0c;width:100%;height:100vh;overflow:hidden;padding:2.5rem 5rem 5rem}#skills h1{font-size:48px;text-align:center;padding:24px 0}.skillName{color:#fff}@media screen and (max-width:768px){#skills{height:auto;padding-left:1rem;padding-right:1rem;overflow:hidden;padding-bottom:40px}#skills h1{font-size:40px}}@media screen and (min-width:1000px){#skills{height:auto}}@media screen and (max-width:480px){#skills{padding-left:1rem;padding-right:1rem}}.navbar{background-color:initial}.navbar.colorChange{background-color:#000}
/*# sourceMappingURL=main.46f274ec.chunk.css.map */