@import url(https://fonts.googleapis.com/css?family=Raleway&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat&display=swap);@import url(https://fonts.googleapis.com/css2?family=Homemade+Apple&family=Monoton&family=Satisfy&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bellota&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Gideon+Roman&display=swap);body{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}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-uppercase{text-transform:uppercase!important}.align-items-center{align-items:center}.about{padding:100px 15px 85px;background-color:#f5f5f2}.about .about-content{display:flex;justify-content:center;justify-self:center;justify-items:center;margin:0 140px}.about .about-content .text{margin-top:22px;text-align:center;max-width:80%}.about .about-content .text h4{font-size:32px;font-weight:600;margin:0 0 5px;color:#232424}.about .about-content .text h6{font-size:18px;font-weight:500;margin:18px 0;color:#232424}.about .about-content .text span{color:#cc8fa3}.about .about-content .text p{font-family:"Montserrat",sans-serif;font-weight:400;line-height:24px;color:#40413a;margin:0 0 20px}.about .about-content .text .highlight{font-size:26px;margin:20px 0}.about .about-content .text .tech-skills{font-size:28px;margin:20px 0}.about .about-content .text .social-links{padding-top:55px}.about .about-content .text .social-links a{height:30px;width:30px;border-radius:3px;display:inline-block;text-align:center;line-height:32px;margin:0 10px;transition:all .5s ease}.about .about-content .text .social-links a:hover{background-color:transparent}.about .about-content .text .social-links a:hover .fab{color:#40413a;margin-bottom:5px;position:relative;top:-5px}.about .about-content .text .social-links a .fab{color:#40413a;font-size:28px;transition:all .5s ease}.about .about-content .text .info{display:flex;flex-wrap:wrap;justify-content:center}.about .about-content .text .info .list{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 15px);max-width:calc(50% - 15px);margin-top:10px;display:flex;flex-wrap:wrap;padding-bottom:6px}.about .about-content .text .info .list label{padding-right:10px;color:#232424;font-weight:600;font-size:15px}.about .about-content .text .info .list p{margin:0;font-size:15px;font-weight:400;line-height:24px;color:#838383}.about .img{display:flex;max-width:100%;justify-content:center}.about .img img{display:block;max-height:30%;max-width:30%;border-radius:100%;border:8px solid #40413a}.about .section-title{flex:0 0 100%;max-width:100%;margin-bottom:30px;text-align:center}.about .section-title h1{display:inline-block;font-size:35px;text-transform:uppercase;font-weight:700;margin:0 0 10px;color:#232424;position:relative;padding-bottom:0}.about .section-title h1:before{content:"";position:absolute;left:30%;right:30%;height:2px;background-color:#cc8fa3;bottom:0}.about .section-title p.small{display:block;font-size:14px;color:#838383;font-weight:400;letter-spacing:2px}.skills{padding:100px 70px}.skills .section-title h1:before{left:30%}.skills .img{flex:0 0 50%;max-width:50%}.skills .img img{width:100%;display:block}.skills .skills-content{flex:0 0 50%;max-width:50%;display:flex;flex-wrap:wrap;justify-content:space-between;padding-right:40px}.skills .skills-content .skill-box{flex:0 0 100%;max-width:100%;margin-bottom:30px}.skills .skills-content .skill-box h6{font-size:16px;font-weight:500;color:#232424;margin:0 0 8px}.skills .skills-content .skill-box .skill-bar{height:5px;background-color:#838383;position:relative}.skills .skills-content .skill-box .skill-bar .skill-bar-in{background-color:#cc8fa3;position:absolute;left:0;top:0;height:100%}.skills .skills-content .skill-box .skill-bar .skill-bar-in span{color:#838383;font-size:16px;font-weight:400;position:absolute;right:0;top:-30px}.skills .skills-content .section-title p{font-size:15px;font-weight:400;line-height:24px;color:#838383;margin:15px 0 0}.services{padding:100px 15px}.services .section-title h1:before{left:30%}.services .service-content{flex:0 0 100%;max-width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.services .box{background-color:#fff;padding:30px;flex-grow:0;flex-shrink:0;flex-basis:calc(33.33% - 20px);max-width:calc(33.33% - 20px);margin-bottom:30px;border:1px solid #eee;text-align:center;position:relative;border-radius:5px}.services .box:before{content:"";height:2px;background-color:#cc8fa3;position:absolute;bottom:0;width:50px;left:0;right:0;margin:auto;transition:all .5s ease}.services .box:hover:before{width:100%}.services .box p{font-size:15px;font-weight:400;line-height:24px;color:#838383;margin:10px 0}.services .box h5{font-size:16px;font-weight:600;color:#232424;margin:0}.services .box .icon{height:60px;width:60px;background-color:#cc8fa3;border-radius:50%;margin:15px auto 20px;text-align:center}.services .box .icon .fa{font-size:24px;color:#fff;line-height:60px}.portfolio{padding:100px 10px;height:100%;background-color:#f5f5f2}.portfolio .section-title{left:30%}.portfolio .section-title p{font-size:15px;font-weight:400;line-height:24px;color:#40413a;margin:15px 0 0}.portfolio .filter-buttons{flex:0 0 100%;max-width:100%;margin-bottom:25px}.portfolio .filter-buttons ul{list-style:none;text-align:center;padding:0}.portfolio .filter-buttons ul li{display:inline-block;margin:0 8px;color:#232424;font-weight:500;font-size:16px;text-transform:uppercase;cursor:pointer;padding-bottom:0}.portfolio .filter-buttons ul li.active{color:#cc8fa3;border-bottom:2px solid #cc8fa3}.portfolio .portfolio-gallery{flex:0 0 100%;max-width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.portfolio .portfolio-gallery .item{flex:0 0 33.33%;max-width:33.33%;position:relative;padding:10px}.portfolio .portfolio-gallery .item p{font-size:15px;font-family:"Montserrat",sans-serif;font-weight:400;line-height:24px;color:#40413a;margin:18px 10px}.portfolio .portfolio-gallery .item .inner{position:relative}.portfolio .portfolio-gallery .item:hover .overlay{opacity:1}.portfolio .portfolio-gallery .item:hover .overlay a{-webkit-animation:galleryLink .8s ease;animation:galleryLink .8s ease}.portfolio .portfolio-gallery .item:hover .overlay h4{-webkit-animation:galleryText .8s ease;animation:galleryText .8s ease}.portfolio .portfolio-gallery .item:hover .overlay h5{-webkit-animation:galleryText2 1s ease;animation:galleryText2 1s ease}.portfolio .portfolio-gallery .item img{width:100%;display:block}.portfolio .portfolio-gallery .item .overlay{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;background-color:rgba(0,0,0,.6);z-index:10;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:all .5s ease}.portfolio .portfolio-gallery .item .overlay h4{font-size:25px;color:#fff;font-weight:600;text-transform:uppercase}.portfolio .portfolio-gallery .item .overlay h5{font-size:14px;color:#fff;font-weight:400;font-style:italic}.portfolio .portfolio-gallery .item .overlay a{font-size:14px;color:#fcfaf9;text-transform:uppercase;display:inline-block;text-align:center;line-height:30px;cursor:pointer;text-decoration:none;border:2px solid #fcfaf9;border-radius:4px;padding:0 10px;margin-top:10px}.portfolio .portfolio-gallery .item .overlay a:hover{background-color:#fcfaf9;color:#40413a;transition:all .5s ease}@-webkit-keyframes galleryText{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes galleryText{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes galleryText2{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes galleryText2{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes galleryLink{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes galleryLink{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.lightbox{position:fixed;left:0;top:0;right:0;bottom:0;z-index:100;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.lightbox img{max-width:100%;max-height:80%;display:block}.lightbox .close-lightbox{height:35px;width:35px;background-color:#cc8fa3;color:#fff;line-height:35px;position:absolute;right:10px;top:10px;cursor:pointer;border-radius:50%;z-index:101}.blogs{padding:100px 15px;background-color:#f5f5f2}.blogs .blogs-content{flex:0 0 100%;max-width:100%;display:flex;flex-wrap:wrap}.blogs .blogs-content .box{flex-grow:0;flex-shrink:0;flex-basis:calc(33.33% - 20px);max-width:calc(33.33% - 20px);margin:10px}.blogs .blogs-content .box:hover img{transform:scale(1.05)}.blogs .blogs-content .box h3{font-size:20px;font-weight:600;color:#232424;margin:0 0 10px;padding:0}.blogs .blogs-content .box p{font-size:15px;font-weight:400;line-height:24px;color:#40413a;font-family:"Montserrat",sans-serif;margin:0 0 10px}.blogs .blogs-content .box a{color:#cc8fa3;font-size:14px;text-transform:uppercase;font-weight:600;display:inline-block;text-decoration:none;border-bottom:1px solid #cc8fa3;transition:all .5s ease;-webkit-transition:all .5s ease}.blogs .blogs-content .box a:hover{color:#232424;border-color:#232424}.blogs .blogs-content .box .info{padding:10px 0}.blogs .blogs-content .box .info span{font-size:12px;color:#838383;display:inline-block}.blogs .blogs-content .box .info span:nth-child(2){border-left:1px solid #838383;padding-left:8px;margin-left:10px}.blogs .blogs-content .box .img{overflow:hidden;max-height:50%;display:flex;flex-direction:column}.blogs .blogs-content .box .img img{width:300px;height:200px;background-size:cover;transition:all .5s ease;justify-content:center}.contact{padding:100px 18px;background-color:#f5f5f2}.contact .contact-form{background-color:#f5f5f2;flex:0 0 100%;max-width:100%;padding:50px;border-radius:10px;border:8px solid #40413a;box-shadow:0 1px 3px #f2f2eb}.contact .contact-form .text{flex:0 0 100%;max-width:100%;padding-bottom:20px}.contact .contact-form .text h2{font-size:26px;font-weight:600;color:#232424;margin:0;padding:0}.contact .contact-form .text p{font-size:15px;font-family:"Montserrat",sans-serif;font-weight:400;line-height:24px;color:#40413a;margin:0}.contact .contact-form .col-6{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 15px);max-width:calc(50% - 15px)}.contact .contact-form .row{justify-content:space-between}.contact .contact-form .col-12{flex:0 0 100%;max-width:100%}.contact .contact-form .form-control{width:100%;margin-bottom:15px;border:1px solid #eee;padding:6px 12px;font-size:14px;font-family:"Montserrat",sans-serif}.contact .contact-form .form-control::-webkit-input-placeholder{color:#838383}.contact .contact-form .form-control:-ms-input-placeholder{color:#838383}.contact .contact-form .form-control::-ms-input-placeholder{color:#838383}.contact .contact-form .form-control::placeholder{color:#838383}.contact .contact-form .button{flex:0 0 100%;max-width:100%;text-align:right}.contact .contact-form .button button{border-radius:4px;color:#fff;border:none;padding:12px 25px;font-size:14px;text-transform:uppercase;font-weight:600;transition:all .8s ease;background-color:#cc8fa3;text-decoration:none;box-shadow:1px 2px 4px #838383}.contact .contact-form .button button:hover{cursor:pointer;color:#fff;box-shadow:none}.alert{padding:.6rem;opacity:.9;color:#333;text-align:center;margin:1.2rem 0 -20px;border-radius:5px}.error-message{border:3px solid rgba(192,75,75,.8392156863);color:rgba(192,75,75,.8392156863)}.success-message{color:#cc8fa3;border:3px double #cc8fa3}.resume{padding:100px 70px}.resume .section-title h1:before{left:30%}.resume .img{flex:0 0 50%;max-width:50%}.resume .img img{width:100%;display:block}.resume .resume-content{flex:0 0 50%;max-width:50%;display:flex;flex-wrap:wrap;justify-content:space-between;padding-right:40px}.resume .resume-content .opportunity-row{flex:0 0 100%;max-width:100%}.resume .resume-content .opportunity-row .cv-btn a{border-radius:6px;margin-top:20px;color:#232424;border:3px solid #40413a;padding:8px 18px;display:inline-block;font-size:14px;text-transform:uppercase;font-weight:600;transition:all .8s ease;background-color:transparent;text-decoration:none}.resume .resume-content .opportunity-row .cv-btn a:hover{background-color:#232424;color:#fcfaf9}.resume .resume-content .skill-box{flex:0 0 100%;max-width:100%;margin-bottom:30px}.resume .resume-content .skill-box h6{font-size:16px;font-weight:500;color:#232424;margin:0 0 8px}.resume .resume-content .skill-box .skill-bar{height:5px;background-color:#838383;position:relative}.resume .resume-content .skill-box .skill-bar .skill-bar-in{background-color:#cc8fa3;position:absolute;left:0;top:0;height:100%}.resume .resume-content .skill-box .skill-bar .skill-bar-in span{color:#838383;font-size:16px;font-weight:400;position:absolute;right:0;top:-30px}.resume .resume-content .section-title p{font-size:15px;font-weight:400;line-height:24px;color:#838383;margin:15px 0 0}.toolbar{background-color:#40413a;position:fixed;width:100%;top:0;left:0;height:66px}.toolbar .toolbar-nav{height:100%;display:flex;align-items:center;padding:0 .4rem}.toolbar .toolbar-nav ul{list-style:none;margin:0;padding:0;display:flex}.toolbar .toolbar-nav ul li{color:#fff;padding:0 .5rem}.toolbar .toolbar-nav ul li:active,.toolbar .toolbar-nav ul li:hover{color:#000}.toolbar .brand-name-container{margin-left:-22px}.toolbar .brand-name{font-size:22px;font-weight:600;color:#cc8fa3;left:0;bottom:0}.toolbar .brand-name:hover{transform:rotateY(1turn);transition:all 2s ease}.toolbar .brand-name .logo{max-height:70px;margin-top:10px}.toolbar .brand-name a{transform:rotateY(-45deg);font-size:22px;font-weight:600;color:#fff;text-transform:uppercase;position:relative;text-decoration:none}.spacer{flex:1 1}.toggle-button{display:flex;flex-direction:column;justify-content:space-around;height:24px;width:30px;background:transparent;border:none;padding:0;box-sizing:border-box;z-index:300;right:35px;cursor:pointer;transition:all .5s ease-out}.toggle-button:focus{outline:none}.toggle-button .toggle-button-line{width:30px;height:3px;background:linear-gradient(90deg,#cc8fa3,#8fc2cc);margin:0 0 5px;transition:all .5s ease-out}.sidedrawer.open{transform:translateX(0)}.sidedrawer{height:100%;background-color:#fcfaf9;box-shadow:1px 3px 10px rgba(0,0,0,.5);position:fixed;top:0;right:0;width:40%;max-width:240px;z-index:200;transform:translateX(100%);transition:transform .3s ease-out}.sidedrawer .fas{display:flex;flex-direction:row;justify-content:flex-end;padding:18px 18px 0 0;color:#40413a;font-size:1.4rem}.sidedrawer ul{height:100%;list-style:none;display:flex;flex-direction:column;margin-top:3rem}.sidedrawer ul li{margin:1rem}.sidedrawer ul li a{color:#40413a;text-decoration:none;font-size:1.2rem}.sidedrawer ul li a:active,.sidedrawer ul li a:hover{color:#cc8fa3;position:relative;right:-5px}.backdrop{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:100}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,html{height:100%}body{font-family:"Gideon Roman",serif;margin:0}.container{max-width:1140px;margin:auto}.row{display:flex;flex-wrap:wrap}header{position:fixed;left:0;right:0;padding:10px 15px;z-index:11;background-color:#fff;color:#402a4e}header .row{justify-content:space-between;align-items:center}header .brand-name{font-size:22px;font-weight:600;color:#40413a;padding:6px;left:0;bottom:0}header .brand-name:hover{transform:rotateY(1turn);transition:all 2s ease}header .brand-name a{transform:rotateY(-45deg);font-size:22px;font-weight:600;color:#232424;text-transform:uppercase;position:relative;text-decoration:none}header .navbar ul{list-style:none;padding:0;margin:0}header .navbar ul li{display:inline-block;margin-left:20px}header .navbar ul li a{font-size:15px;text-decoration:none;line-height:72px;color:#fff;text-transform:uppercase;font-weight:600;position:relative;display:block}header .navbar ul li a:before{content:"";height:2px;background-color:#cc8fa3;width:0;position:absolute;right:0;bottom:22px;transition:all .5s ease}header .navbar ul li a:hover:before{width:100%;left:0}header .navbar ul li a.active:before{color:#cc8fa3;width:100%;left:0}.section-title{flex:0 0 100%;max-width:100%;margin-bottom:40px}.section-title h1{display:inline-block;font-size:35px;text-transform:uppercase;font-weight:700;margin:0 0 10px;color:#232424;position:relative;padding-bottom:0}.section-title h1:before{content:"";position:absolute;left:30%;right:30%;height:2px;background-color:#cc8fa3;bottom:0}.home{min-height:85vh;background-color:#40413a;background-size:cover;background-position:50%;padding:15px}.home .full-screen{background-color:#999;min-height:100vh}.home .home-content{flex:0 0 100%;max-width:100%;display:flex;flex-wrap:wrap;align-items:center}.home .home-content .block{flex:0 0 75%;max-width:75%;padding-left:45px;margin-top:300px}.home .home-content .block .home-description{font-family:"Montserrat",sans-serif;color:#cc8fa3}.home .home-content .block h6{color:#fff;font-size:18px;font-weight:500;margin:0;padding:0}.home .home-content .block h1{color:#f5f5f2;font-size:70px;font-weight:600;margin:0;padding:0}.home .home-content .block h3{font-size:18px;font-weight:500;margin:0;padding:0;color:#b1afaf}.cv-btn a{font-family:"Montserrat",sans-serif;border-radius:6px;margin-top:20px;color:#fff;border:3px solid #f5f5f2;padding:8px 18px;display:inline-block;font-size:14px;text-transform:uppercase;font-weight:600;transition:all .8s ease;background-color:transparent;text-decoration:none}.cv-btn a:hover{background-color:#f5f5f2;color:#232424}footer{padding:32px 15px;background-color:#40413a}footer .row{display:flex;justify-content:space-between}footer .logo{font-size:32px;color:#838383;font-weight:600}footer .social{max-width:100%;padding-top:10px}footer .social a{color:#838383;text-decoration:none;display:inline-block;margin:0 12px;font-size:24px;transition:all .5s ease}footer .social a:hover{color:#fcfaf9}.copyright{background-color:#40413a;padding:12px;border-top:1px solid #4a4b45}.copyright p{color:#838383;margin:0;text-align:center;font-weight:400;font-size:14px}@media(max-width:991px){.home .home-content .block h1{font-size:50px}}@media(min-width:769px){.sidedrawer,.toolbar-toggle-button{display:none}div.brand-name{margin-left:0}}@media(max-width:768px){.home .home-content .block h1{font-size:40px}.home .home-content .block h3{font-size:25px}header{padding:15px;position:fixed;background-color:#fff;border:none}header div.navbar{display:none}header .brand-name a{color:#000}.about .about-content{margin:0 20px}.about .text{flex:0 0 100%;max-width:100%;padding-left:0}.about img.img{flex:0 0 80%;max-width:80%}.resume .resume-content{padding-right:0}.resume .img,.resume .resume-content{flex:0 0 100%;max-width:100%}.portfolio .portfolio-gallery .item{flex:0 0 50%;max-width:50%;position:relative;padding:8px}.blogs .blogs-content .box{flex:0 0 100%;max-width:80%;margin:24px}.blogs .blogs-content .box .img img{width:100%;height:100%}.contact .contact-form{padding:40px 20px}.contact .contact-form .col-6{flex:0 0 100%;max-width:100%}.about-me .about-content .text .info .list p{margin:0;flex:0 0 100%}}@media(max-width:500px){h1:before{display:none}.home .home-content .block h1{font-size:34px}.home .home-content .block h3{font-size:20px}.about .about-content .text h6{margin-bottom:14px}.home .home-content .block{padding-left:20px;margin-top:240px}.portfolio .portfolio-gallery .item{flex:0 0 100%;max-width:100%;position:relative;padding:8px}.resume{padding:80px 30px}.resume .opportunity-row{margin-bottom:1.2rem;margin-top:1.2rem}.about img.img{flex:0 0 80%;max-width:80%;max-height:275px}footer .row{flex-direction:column}footer .social{text-align:center;margin-top:-12px}footer .logo{text-align:center;margin-top:8px;margin-bottom:-12px}}
/*# sourceMappingURL=main.53579e16.chunk.css.map */