*{box-sizing:border-box;font-family:Barlow,Roboto,Montserrat,sans-serif;margin:0;padding:0}body{background:#262626;background-image:radial-gradient(50% 50% at top center,rgba(0,0,0,.66),#262626),linear-gradient(180deg,#fff,#262626);background-position:top;background-repeat:no-repeat;background-size:120% 2000px,100% 2000px;margin:0 auto;max-width:1400px}body::-webkit-scrollbar{height:6px;width:12px}body::-webkit-scrollbar-thumb{background:#3f3a3c;border-radius:10px}body::-webkit-scrollbar-track{background:transparent}a,a:active,a:hover,a:visited{color:inherit;text-decoration:none}.nav-container{align-items:center;background:rgba(0,0,0,.25);display:flex;flex-wrap:wrap;justify-content:space-between;padding:12px 30px;z-index:100}.nav-logo a{border:none;color:#fff;font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;margin-right:20px;padding:0;text-decoration:none}.contact-menu{display:flex;list-style-type:none}.contact-menu a{color:#fff;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;margin-left:40px;padding:0;position:relative;text-decoration:none}.contact-menu a:after{background-color:#fff;bottom:-4px;content:"";height:3px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:80%}.contact-menu a:hover{cursor:pointer}.contact-menu .link-active a:after,.contact-menu a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.header-container{background:#fcf9ea;border-radius:10px;color:#3f3a3c;margin:5px 30px;padding:30px 10px;text-align:center}.header-container .img-container{border-radius:50%;height:120px;margin:0 auto;outline:4px solid #fffeff;overflow:hidden;padding:2px;width:120px}.profile-img{max-height:90%;max-width:90%;object-fit:cover;object-position:-1.5px 12px;-webkit-transform:scale(1.9) rotate(-1deg);transform:scale(1.9) rotate(-1deg)}.header-container h1{font-family:Montserrat,sans-serif;font-size:32px;margin:20px 0 0}.header-container h2{font-size:24px}.header-container h2,.header-container h3{font-family:Barlow,sans-serif;font-weight:400}.header-container h3{font-size:16px;padding:5px 190px 0}.about-container{background:#fff;border-radius:10px;color:#3f3a3c;margin:5px 30px;padding:20px 200px;text-align:center}.about-container h2{font-size:30px;margin-bottom:10px}.about-container>p{text-align:justify}.about-container h3{font-size:24px;margin-top:15px}.about-container a{margin-top:10px}.about-container a,.about-container button{color:#3f3a3c;font-family:Roboto,sans-serif;font-weight:700;opacity:1;text-decoration:none;text-decoration:underline}.about-container button{background:transparent;border:none;font-size:1em;margin:0;outline:none;padding:0}.about-container a:hover,.about-container button:hover{cursor:pointer;opacity:.9}.about-container button:active{border:none;outline:none}.about-container button:focus{outline:0}.skills-container{display:flex;flex-wrap:wrap;justify-content:space-around;list-style-type:none;padding:0}.skills-container li{margin:20px 0;width:240px}.skills-container .skill-img{height:60px;margin:0 5px}.skills-container h4{font-size:18px;margin:5px 0}.footer-container{background:rgba(0,0,0,.5);display:block;padding:30px;text-align:center;z-index:100}.footer-links{align-items:center;display:flex;justify-content:center;list-style-type:none}.footer-links li{margin:0 20px 10px}.footer-links a{color:#fff7f7;font-size:36px;opacity:.5}.footer-links a:hover{opacity:1}.footer-container p{color:#fff7f7;font-size:16px;margin-top:10px;opacity:.8}.footer-container .disclaimer{color:#fff7f7;font-size:12px;margin-top:20px;opacity:.8}.contact-modal{align-items:center;background-color:rgba(0,0,0,.9);display:flex;height:100%;justify-content:center;left:0;overflow:hidden;padding:10px 60px;position:fixed;top:0;width:100%;z-index:200}.contact-container{background:#fffef4;border-radius:10px;color:#3f3a3c;max-width:100%;padding:30px 120px;position:relative;text-align:center}.contact-links{align-items:center;display:flex;justify-content:center;list-style-type:none}.contact-links li{margin:10px 20px}.contact-links img{height:36px}.contact-links img:hover{-webkit-transform:scale(1.25);transform:scale(1.25)}.contact-container p{font-size:16px;margin:10px 0}.contact-container button{background:none;border:none;font-size:16px;opacity:.7;position:absolute;right:20px;top:15px}.contact-container button:hover{cursor:pointer}.project-container{align-items:center;border-radius:10px;color:#3f3a3c;display:flex;justify-content:center;margin:5px 30px;padding:30px 100px}.project-container:nth-child(odd){background:#fcf9ea}.project-container:nth-child(2n){background:#fff}.project-container:nth-child(2n) .project-info{order:2}.project-container:nth-child(2n) .icon-container,.project-container:nth-child(2n) .img-container{order:1}.project-container h2{margin-bottom:10px;text-align:left}.project-info{padding:0 20px;text-align:justify;width:50%}.project-container .img-container{padding:20px;position:relative;text-align:center;width:50%}.project-container .project-img{border-radius:10px;box-shadow:-5px -5px 15px hsla(0,0%,100%,.5),10px 10px 15px rgba(70,70,70,.25);cursor:pointer;-webkit-filter:brightness(.95);filter:brightness(.95);max-height:320px;max-width:100%;object-fit:contain}.project-container .project-img:hover{-webkit-filter:brightness(.85);filter:brightness(.85)}.project-container .fa-images{color:#fff;font-size:20px;pointer-events:none;position:absolute;-webkit-transform:scaleX(-1) translateX(100%) translateX(10px) translateY(10px);transform:scaleX(-1) translateX(100%) translateX(10px) translateY(10px)}.project-container .icon-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;width:50%}.project-container .skill-img{border-radius:10px;cursor:auto;flex-shrink:1;margin:20px;max-height:80px}.tech-info{margin-top:20px}.demo-links,.tech-info ul{display:flex;flex-wrap:wrap;list-style-type:none}.demo-links{margin-top:20px}.demo-links li{border-radius:10px;color:#a6192e;cursor:pointer;font-size:12px;margin-right:20px;opacity:.9;padding:5px 0;text-transform:uppercase}.demo-links li:hover{color:#3f3a3c;-webkit-transform:scale(1.1);transform:scale(1.1)}.demo-links a{font-family:Montserrat,sans-serif;font-weight:700;margin-left:5px;text-decoration:underline}.swiper-container{align-items:center;background-color:rgba(0,0,0,.9);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:hidden;padding:10px 60px;position:fixed;top:0;width:100%;z-index:200}.slides{-ms-overflow-style:none;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;width:70%}.slides>div{align-items:center;background:#fff;background:transparent;border-radius:10px;display:flex;flex-shrink:0;justify-content:center;padding:0 1px;position:relative;scroll-snap-align:start;width:100%}.slides img{max-height:100%;object-fit:contain;width:100%}.btn-slide{background-color:initial;border:none;color:#fffef4;cursor:pointer;font-size:30px;opacity:.9;position:absolute;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);z-index:10}.btn-slide-hidden{display:none}.next{right:40px}.next>i{display:none}.next:hover>i{display:block}.next:before{content:"";height:100vh;position:absolute;right:-40px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50vw;z-index:-1}.prev{left:40px}.prev>i{display:none}.prev:hover>i{display:block}.prev:before{content:"";height:100vh;left:-40px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50vw;z-index:-1}.close{right:40px;top:30px;z-index:100}.slides::-webkit-scrollbar{display:none;height:6px;width:10px}.slides::-webkit-scrollbar-thumb{background:#a6192e;border-radius:10px}.slides::-webkit-scrollbar-track{background:transparent}.dot-container ul{display:flex;list-style-type:none}.slide-dot i{color:#a6192e;font-size:5px;margin:5px;-webkit-transform:scale(2);transform:scale(2)}.slide-dot-inactive i{color:#fff;font-size:5px;margin:5px}@media only screen and (max-width:1200px){.header-container h3{padding:5px 20px 0}.about-container{padding:20px 160px}.skills-container li{width:220px;width:33%}.contact-modal{padding:10px 15px}.project-container{padding:30px 80px}}@media only screen and (max-width:992px){.about-container{padding:20px 120px}.skills-container li{width:200px}.project-container{flex-wrap:wrap;padding:30px}.project-info{padding:0 10px}.project-container .img-container{padding:10px}.project-container .project-img{max-height:380px;object-fit:contain;width:100%}.project-container .icon-container{flex-direction:column;padding:0 15px}.project-container .skill-img{margin:10px}.swiper-container{padding:15px}.slides{width:85%}}@media only screen and (max-width:768px){.about-container{padding:20px 30px}.skills-container li{width:220px}.project-container .project-img{object-fit:contain;width:90%}.project-container:nth-child(2n) .project-info{order:1}.project-container:nth-child(2n) .icon-container,.project-container:nth-child(2n) .img-container{order:2}.project-info{width:100%}.project-container .img-container{margin-bottom:0;width:100%}.project-container .icon-container{flex-direction:row;padding:0 15px;width:100%}.slides{width:85%}}@media only screen and (max-width:576px){.nav-container{justify-content:center;padding:12px 15px}.nav-logo a{margin:0}.contact-menu{justify-content:center;margin-top:6px;width:100%}.contact-menu a{margin:0}.contact-menu li{display:flex;flex:1 1;justify-content:center}.header-container{margin:5px 15px;padding:30px 0}.header-container h1{font-size:28px;padding:0 20px}.header-container h2{padding:0 20px}.header-container h3{font-size:16px;padding:5px 20px 0}.about-container{margin:5px 15px;padding:20px}.about-container>p{font-size:medium;line-height:normal}.skills-container li{width:200px}.footer-container{padding:30px 15px}.contact-container{padding:20px}.project-container{margin:5px 15px;padding:20px 0}.project-container h2{font-size:22px}.project-container .img-container{margin-bottom:0;padding:20px 30px;width:100%}.project-container .project-img{object-fit:contain;width:100%}.project-container .skill-img{margin:10px;max-height:60px}.slides{width:100%}.next{right:20px}.next,.prev{color:#3f3a3c;opacity:.3}.prev{left:20px}.close{right:15px;top:30px}}
/*# sourceMappingURL=main.bdf35a55.css.map*/