@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);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}*{margin:0;padding:0;outline:none;box-sizing:border-box;text-decoration:none;list-style-type:none;font-family:"Poppins",sans-serif}html{font-size:62.5%;cursor:default;scroll-behavior:smooth}.center{display:flex;justify-content:center;align-items:center}body{background-color:#1b1c1d}.section{height:auto;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;color:#eee}.section-heading{font-size:1.5rem;margin:5rem auto 0;width:10rem;text-align:center;font-weight:500;background-color:#fd0;color:#000}.section-heading-two{font-size:4rem;font-weight:600;color:#eee;margin-bottom:5rem}.navbar{width:100%;height:8rem;background-color:rgba(0,0,0,.9);position:fixed;top:-8rem;z-index:10;-webkit-animation:animateNavbar 1s .5s forwards;animation:animateNavbar 1s .5s forwards;transition:height .5s}.navbar.change{height:100vh}@-webkit-keyframes animateNavbar{0%{top:-8rem}to{top:0}}@keyframes animateNavbar{0%{top:-8rem}to{top:0}}.navbar-logo a{position:absolute;top:2.5rem;left:4rem;text-transform:uppercase;font-family:"Poppins",sans-serif;font-size:2.5rem;color:#eee;letter-spacing:.1rem}.menu{width:3rem;height:4rem;position:fixed;z-index:500;top:2rem;right:4rem;display:flex;flex-direction:column;justify-content:space-evenly;cursor:pointer}.line{width:100%;height:.2rem;background-color:#eee;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.line-1,.line-3{width:50%}.line-3{margin-left:auto}.change .line-1{-webkit-transform:translate(100%,1rem) rotate(-35deg);transform:translate(100%,1rem) rotate(-35deg);-webkit-transform-origin:right;transform-origin:right}.change .line-3{-webkit-transform:translateY(-1rem) rotate(35deg);transform:translateY(-1rem) rotate(35deg);-webkit-transform-origin:right;transform-origin:right}.nav-list{position:absolute;top:15%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transition:all .2s}.change .nav-list{opacity:1;visibility:visible;transition:all .7s .5s}.nav-link{font-family:"Poppins",sans-serif;font-size:4rem;letter-spacing:.3rem;color:#fff;margin:5rem 0;transition:color .4s}.nav-link:hover{color:#e5d049}.intro{width:100%;height:100vh;background-image:url(/static/media/emile-perron-xrVDYZRGdw4-unsplash.4b525ed9.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;background-attachment:fixed;-webkit-backdrop-filter:blur(6rem);backdrop-filter:blur(6rem)}.intro-text{width:100%;flex-direction:column;align-items:center;color:#fff;text-align:center}.intro h2{font-size:3rem;font-weight:400;letter-spacing:.1rem}.intro h1,.intro h2{text-transform:uppercase}.intro h1{font-size:12rem;font-weight:600}.intro h4{font-size:2.2rem;font-weight:300;letter-spacing:.1rem}.intro-btn{width:20rem;height:6rem;margin:3rem 0;background-color:#fd0;color:#000;border:none;font-size:1.6rem;font-weight:600;justify-self:center;cursor:pointer}.intro-icon i{font-size:2.5rem;position:absolute;left:0;bottom:8%;width:100%;-webkit-animation:flash .75s ease infinite alternate;animation:flash .75s ease infinite alternate}@-webkit-keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes flash{0%{opacity:1}to{opacity:0}}.about{text-align:justify}.about-heading{padding-top:5rem}.about-text{width:60%;display:flex;justify-content:space-around}.about-text-left{width:70%;font-size:2.7rem}.about-text-left p{font-size:1.75rem;line-height:2}.about-text-left b{border-bottom:3px solid #fd0}.about-text-right{flex-grow:1;text-align:center;align-self:center;font-size:3rem}.about-info{width:60%;display:flex;align-self:center;justify-content:space-around;font-size:1.3rem;padding-top:5rem;margin-bottom:10rem}.about-info ul li:first-of-type{font-size:1.6rem;opacity:.75}.about-info ul li:nth-of-type(2){font-size:1.6rem;font-weight:600;padding:.2rem 0}.skills-container{display:flex;flex-wrap:wrap;justify-content:center}.skills-title{text-align:center;padding:15px;font-size:4.5rem;color:#eee}.skills-title div:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.skills-title p{font-size:1.75rem!important}.portfolio{width:100%;height:auto;padding:10rem 0;background-color:#eef;display:flex;flex-direction:column;align-items:center}.portfolio h1{color:#000}.projects-wrapper{width:100%;flex-wrap:wrap}.project{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem;background-color:#fff;box-shadow:.3rem .3rem .5rem #777;position:relative;overflow:hidden;transition:box-shadow .5s;box-shadow:1rem 1rem 1rem #777}.project-text{text-align:center;letter-spacing:.1rem;position:absolute;top:-10rem;z-index:10;transition:top .3s}.project .project-text{top:3.5rem}.project-name{font-size:3rem;font-weight:700;color:#333;text-transform:capitalize}.project-technologies{font-size:1.8rem;color:#291ce4}.project-img{width:40rem;transition:opacity .3s}.project .project-img{opacity:.2}.project-link{font-size:2rem;font-weight:500;color:#333;letter-spacing:.1rem;border:.3rem solid #000;padding:0 1rem;background-color:#fff;position:absolute;bottom:-5rem}.project .project-link{bottom:5rem}.project-hub{font-size:2rem;font-weight:500;color:#333;letter-spacing:.1rem;border:.3rem solid #000;padding:0 1rem;background-color:#fff;position:absolute;bottom:-5rem}.project .project-hub{bottom:.8rem}.contact{width:100%;height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.contact-form{width:50rem;flex-direction:column}.contact-form input,.contact-form textarea{width:100%;padding:.5rem;margin:.5rem 0;resize:none;background-color:#eef;font-size:1.5rem;border:.2rem solid #000;color:#555}.contact-form textarea{height:10rem;max-height:15rem;max-width:100%}.contact-form .contact-form-btn{background-color:#fd0;text-transform:uppercase;letter-spacing:1rem;width:100;text-align:center;cursor:pointer;color:#1b1a1a;border:.2rem solid #fff}.contact-form .contact-form-btn:hover{background-color:#000;color:#fd0}.form-submitted{text-align:center;font-size:2rem;color:#eee}.socialIcons{display:flex}.socialIcons li{margin-top:5rem;font-size:4.5rem}.socialIcons li a{color:#000;padding:0 5rem}.socialIcons li a:hover{color:#fff}.socialIcons i{margin-bottom:2rem}footer{width:100%;background-color:#fd0;height:8vh;flex-direction:column;text-align:center;color:#000;font-size:1.6rem;border-top:3px solid #fff}footer p{margin-bottom:2rem;padding:0;color:#eee}@media (max-width:1200px){.skills{height:auto;flex-wrap:wrap}.contact{height:91vh}footer{height:7rem}}@media (max-width:1067px){.about-info{flex-direction:column;justify-content:center;align-items:center;text-align:center}.about{height:auto}}@media (max-width:800px){.about-text{width:90%}.skills-title{font-size:3rem}footer{height:7vh}}@media (max-width:600px){.intro-text h1{font-size:8rem}.about-text{width:100%;display:flex;margin:8rem 0;align-items:center;flex-direction:column-reverse}.about-text-left{margin-top:2rem;font-size:2rem}.contact-form{width:40rem}}@media (max-width:500px){html{font-size:55%}}@media (max-width:450px){html{font-size:45%}.section-heading-two{font-size:3rem}.intro-text h1{font-size:7.5rem}.contact-form{width:38rem}.socialIcons li{font-size:3.2rem}}
/*# sourceMappingURL=main.8941d13c.chunk.css.map */