@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";h1,h2,h3{font-family:Montserrat,sans-serif;font-weight:400;line-height:1.5}html,body{color:#3c3c3c;background-color:#f5f5f5;font-family:Montserrat,sans-serif,sans-serif;font-weight:400;line-height:1.5;margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}.card-container .col{display:flex;align-items:center;justify-content:space-between;gap:20px}.card-container .col .card img{border-radius:5px;outline:none}.logo-text,.copy-right{font-weight:600;color:#df8c29}.section-container{max-width:1300px;padding:0 40px;margin:auto}.navigation{padding:15px 0;width:100%;position:sticky;top:0;z-index:999}.navigation .section-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;max-width:1300px;padding:0 40px;margin:0 auto}.navigation .section-container .logo{font-size:2.5rem;font-weight:500;color:#f89b2e;cursor:pointer}.navigation .section-container .logo .logo-dot{color:#76b82a;font-weight:700}.navigation .section-container .logo .logo-tech{color:#f6f6f6}.navigation .section-container .hamburger-icon{display:none;flex-direction:column;justify-content:space-between;width:24px;height:20px;cursor:pointer}.navigation .section-container .hamburger-icon span{display:block;height:2px;background-color:#f6f6f6;transition:all .3s ease-in-out}.navigation .section-container .hamburger-icon.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.navigation .section-container .hamburger-icon.open span:nth-child(2){opacity:0}.navigation .section-container .hamburger-icon.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.navigation .section-container .nav-menu--links{display:flex;align-items:center}.navigation .section-container .nav-menu--links .nav-menu--link{color:#f6f6f6;font-size:1.125rem;font-weight:500;position:relative;margin-left:24px;transition:.3s ease-in-out}.navigation .section-container .nav-menu--links .active{color:#f89b2e}@media (max-width: 768px){.navigation .section-container .logo{font-size:2.25rem;font-weight:500;color:#f89b2e;cursor:pointer}.navigation .section-container .logo .logo-dot{color:#76b82a;font-weight:700}.navigation .section-container .logo .logo-tech{color:#f6f6f6}.navigation .section-container .hamburger-icon{display:flex}.navigation .section-container .nav-menu--links{position:absolute;top:100%;left:0;right:0;background-color:#111111cb;flex-direction:column;align-items:flex-start;padding:20px;display:none}.navigation .section-container .nav-menu--links .nav-menu--link{margin:12px 0}.navigation .section-container .nav-menu--links.show{display:flex}}.profile-content{padding:40px 0}.profile-content .profile-description{color:#ccc}.profile-content .profile-description p{color:#f5f5f5;font-size:1.125rem}.profile-content .profile-description p .profile-dev-typ{color:#76b82a}.profile-content .profile-description .descr-name{margin:20px 0;font-size:2.5rem}.profile-content .profile-description .descr-name .firstname{color:#df8c29;margin-right:10px}.profile-content .profile-description .descr-name .lastname{color:#f5f5f5}.profile-content .profile-description .descr-text{width:-moz-fit-content;width:fit-content;margin-bottom:30px}.profile-content .profile-description .profile-descr--buttons{margin-bottom:10px}.profile-content .profile-description .profile-descr--buttons .btn-get-in-touch{color:#f5f5f5;background-color:#f89b2e;padding:10px 12px;border-radius:5px;border:none;outline:none;margin-right:10px}.profile-content .profile-description .profile-descr--buttons .btn-get-in-touch:hover{color:#f5f5f5;background-color:#df8c29;padding:10px 12px;border-radius:5px;border:none;outline:none;margin-right:10px;transition:.3s}.profile-content .profile-description .profile-descr--buttons .btn-resume{color:#f5f5f5;background-color:#0000;padding:10px 12px;border-radius:5px;border:1px solid #f5f5f5;outline:none}.profile-content .profile-description .profile-descr--buttons .btn-resume:hover{color:#f5f5f5;background-color:#76b82a;padding:10px 12px;border-radius:5px;border:1px solid #f5f5f5;outline:none;transition:.3s}.profile-content .profile-description .profile-social--networks{font-size:24px}.profile-content .profile-description .profile-social--networks a{color:#ccc;margin-right:6px;cursor:pointer}.profile-content .profile-img{display:flex;align-items:center;justify-content:center;box-shadow:0 1px #f5f5f5;border-radius:50%;height:500px;width:500px;margin:0 0 0 100px}.profile-content .profile-img .profile-img-bg{height:100%;width:100%;background-image:url(../images/kafa-profile.png);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:50%}.testimonials-section{padding:80px 0;background-color:#f5f5f5}.testimonials-section .section-container .testimonials-title{font-weight:500;text-align:center;margin:0 0 6px;padding:0 0 20px}.testimonials-section .section-container .testimonials-subtitle{text-align:center;margin-bottom:30px}.testimonials-section .section-container .testimonials--wrapper{background-color:#00bf8f;position:relative;max-width:700px;margin:0 auto;border-radius:5px}.testimonials-section .section-container .testimonials--wrapper .testimonial--info{width:100%;height:-moz-fit-content;height:fit-content;padding:3rem 0;text-align:center}.testimonials-section .section-container .testimonials--wrapper .testimonial--info .testimonial--desc blockquote:before,.testimonials-section .section-container .testimonials--wrapper .testimonial--info .testimonial--desc blockquote:after{content:'"';font-size:2rem;color:#f89b2e}.testimonials-section .section-container .testimonials--wrapper .testimonial--info .testimonial--desc blockquote{font-style:italic;margin:20px;padding:10px;border-left:4px solid #ccc}.testimonials-section .section-container .testimonials--wrapper .testimonial--info .testimonial--name{margin-top:2rem}.testimonials-section .section-container .testimonials--wrapper .testimonial--info .testimonial--title{font-size:1.2rem;margin-top:.3rem}.testimonials-section .section-container .arrows{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:20px}.testimonials-section .section-container .arrows .prev,.testimonials-section .section-container .arrows .next{color:#f5f5f5;font-weight:500;margin:0 .5rem;width:-moz-fit-content;width:fit-content;background-color:#00bf8f;padding:.5rem 2rem;border-radius:5px;cursor:pointer}.contact-me-form{align-items:center;margin-bottom:60px}.contact-me-form .container{max-width:800px}.contact-me-form .container .message__container{height:360px;width:100%}.contact-me-form .container .message__container .message__message{font-size:2rem;color:#76b82a}.contact-me-form .container .contact-form--title{color:#3c3c3c;font-weight:500;margin:30px 0}.contact-me-form .container form{display:grid;grid-template-columns:1fr;gap:8px}.contact-me-form .container form .form-label{font-size:1.2rem;color:#3c3c3c}.contact-me-form .container form .errorMessage{margin-top:5px;color:#dc143c;font-size:.9rem}.contact-me-form .container form input{width:100%;padding:14px 16px;border:1px solid #3c3c3c}.contact-me-form .container form input::-moz-placeholder{font-size:.9rem}.contact-me-form .container form input::placeholder{font-size:.9rem}.contact-me-form .container form textarea{font-size:16px;padding:14px 16px;height:140px;border:1px solid #3c3c3c;resize:none}.contact-me-form .container form textarea::-moz-placeholder{font-size:.9rem}.contact-me-form .container form textarea::placeholder{font-size:.9rem}.contact-me-form .container form .btn-contactMeForm{font-size:1.2rem;font-weight:500;color:#f6f6f6;background-color:#f89b2e;padding:14px 16px;width:100%;border-radius:5px;border:none;outline:none}.contact-me-form .container form .btn-contactMeForm:hover{background-color:#df8c29}.google-map{width:100%;height:360px;margin-bottom:40px}.about-me-section{height:100dvh;flex:1}.about-me-section .about-me-content .about-me-image{height:400px;width:400px;border-radius:5px;box-shadow:#0000000f!important}.about-me-section .about-me-content .about-me-text{text-align:justify}.about-me-section .about-me-content .about-me-text h4 span{color:#76b82a;line-height:1.5}.portfolio-section{padding:80px 0;background-color:#ccc;min-height:80dvh}.portfolio-section .portfolio-title{color:#f89b2e;font-weight:500;text-align:center;margin-bottom:30px;padding-bottom:20px}.portfolio-section .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:0 20px;justify-items:center}.portfolio-section .card-link{text-decoration:none;color:inherit}.portfolio-section .card{width:100%;max-width:400px;height:auto;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #0000001a;position:relative;display:flex;flex-direction:column}.portfolio-section .card .card-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.portfolio-section .card .card-body{padding:15px;background-color:#fff}.portfolio-section .card .card-body .card-title{font-size:1.2rem;font-weight:600;margin:0}.portfolio-section .card .card-content{position:absolute;z-index:1;height:100%;width:100%;bottom:0}.portfolio-section .card .card-content .card-logo{position:absolute;justify-content:center;align-items:center;width:100%;height:100%;top:0;bottom:0}.portfolio-section .card .card-content .card-logo .card-logo-icon{width:100%;height:100%;padding:140px;background-color:#f89a2e9e}@media (max-width: 768px){.portfolio-section{padding:40px 0}.portfolio-section .card-grid{gap:15px}.portfolio-section .card{max-width:100%}}.stacks-section{height:100vh;padding:80px 0;background-color:#fff}.stacks-section .section-container .left{text-align:justify;line-height:2}.stacks-section .section-container .left h5 span{color:#76b82a;line-height:1.5}.stacks-section .section-container .technologies-container{display:grid;grid-template-columns:1fr}.stacks-section .section-container .technologies-container h5{margin:0 0 40px 20px}.stacks-section .section-container .technologies-container .btn-read-more{background-color:#f89b2e;padding:10px 12px;border-radius:5px;border:none;outline:none;margin-right:10px}.stacks-section .section-container .technologies-container .skills-container{align-items:center;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-left:20px}.stacks-section .section-container .technologies-container .skills-container .skill-name{justify-content:centers}.stacks-section .section-container .technologies-container .skills-container .skill-icon{width:40px;height:40px}.page-not-found{height:100dvh;flex:1;position:relative}.page-not-found .message{position:absolute;color:#3c3c3c;font-size:2.5rem;top:50%;left:50%;transform:translate(-50%,-50%)}.bg-gradient-theme{background:#00bf8f;background:linear-gradient(to bottom,#001510,#00bf8f)}.bg-gradient-portfolio{background:#093d31;background:linear-gradient(45deg,#093d31,#0ead85)}