/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap";html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--main-color: #3b82f6}*{box-sizing:border-box;transition:all 200ms ease-in-out;user-select:none;list-style:none}body{margin:0;padding:0;font-family:"Poppins",sans-serif}.container{padding:0px 15px;margin-right:10px;margin-left:10px}.clearfix{clear:both}.settings-box .settings-container .options-box .yes,.settings-box .settings-container .options-box .no{width:60px;margin:10px 4px;display:inline-block;font-size:12px;padding:8px 10px;font-weight:bold;border-radius:4px;opacity:.5;cursor:pointer}.settings-box{position:fixed;left:-200px;top:0;background-color:#fff;width:200px;z-index:1000;min-height:100vh;transition:all .4s cubic-bezier(0.86, 0, 0.07, 1)}.settings-box .settings-container .options-box{padding:10px;text-align:center;background-color:#eee;margin:5px;min-height:90px}.settings-box .settings-container .options-box span.active{opacity:1;border:2px solid #fff;transform:scale(1.1)}.settings-box .settings-container .options-box .yes,.settings-box .settings-container .options-box .no{background-color:var(--main-color);color:#fff}.settings-box .settings-container .options-box h4{margin:0;color:#666;font-size:14px}.settings-box .settings-container .options-box .colors-list{list-style:none;text-align:center;padding:0;margin:16px 0 0}.settings-box .settings-container .options-box .colors-list li{width:22px;height:22px;border-radius:50%;background-color:var(--main-color);cursor:pointer;opacity:.5;display:inline-block}.settings-box .settings-container .options-box .colors-list li.active{opacity:1;border:2px solid #fff;transform:scale(1.2)}.settings-box .settings-container .options-box .colors-list li:first-child{background-color:#3b82f6}.settings-box .settings-container .options-box .colors-list li:nth-child(2){background-color:#ef4444}.settings-box .settings-container .options-box .colors-list li:nth-child(3){background-color:#fbbf24}.settings-box .settings-container .options-box .colors-list li:nth-child(4){background-color:#f97316}.settings-box .settings-container .options-box .colors-list li:nth-child(5){background-color:#7c3aed}.settings-box .settings-container .reset-options{background-color:#dc2626;border:none;width:178px;margin:10px auto;display:block;color:#fff;font-weight:bold;padding:10px;border-radius:4px;cursor:pointer;outline:none;opacity:.8}.settings-box .settings-container .reset-options:hover{opacity:1}.settings-box .settings-container .reset-options:active{box-shadow:-1px 11px 20px -14px rgba(0,0,0,.7)}.settings-box .toggle-settings{position:absolute;right:-30px;top:137px;background-color:#fff;text-align:center;cursor:pointer}.settings-box .toggle-settings .fa-gear{color:var(--main-color);padding:8px 0;width:30px}.open{left:0px}header{position:fixed;top:100vh;background-color:#fff;width:100%;z-index:2000;min-height:100vh;transition:all .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);font-size:60px;align-items:center;justify-content:center;display:flex}@media screen and (max-width: 630px){header{display:none}}header nav .bar{text-align:center;width:40px;height:60px;top:-90vh;left:90vw;margin:-20px;position:absolute;cursor:pointer;filter:brightness(1.1)}header nav .links li a{text-decoration:none;color:var(--main-color)}header nav .links li a:hover{filter:brightness(1.5);font-size:65px}.show{top:0vh}.lock-scroll{overflow-y:hidden}.landing-page{min-height:100vh;background-image:url("../img/img1.jpg");position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:-3px}.landing-page .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1}.landing-page .container{position:relative;z-index:999}.landing-page .introduction-text{position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%, -50%);z-index:2;color:#fff;text-align:center}.landing-page .introduction-text h1{font-size:34px;margin:0 0 12px}.landing-page .introduction-text h1 span{color:var(--main-color)}.landing-page .introduction-text p{line-height:1.6;font-size:20px;margin:0}.gallery{padding-top:50px;padding-bottom:50px}.gallery h2{font-weight:bold;text-align:center;font-size:60px;margin:0 0 10px;color:var(--main-color)}.gallery .img-box{text-align:center}.gallery .img-box img{width:200px;height:160px;padding:3px;border:1px solid #ccc;background-color:#f6f6f6;margin:5px;cursor:pointer}.popup-overlay{position:fixed;background-color:#00000069;left:0;top:0;width:100%;height:100%;z-index:1000}.popup-box{position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);background-color:#fff;padding:20px;z-index:1001}.popup-box h3{font-weight:bold;text-align:center;margin:0 0 20px;color:var(--main-color)}.popup-box img{max-width:100%}.popup-box img:hover{box-shadow:-1px 11px 20px -16px rgba(0,0,0,.7)}.close-button{position:absolute;top:0;right:0;background-color:var(--main-color);width:50px;height:40px;line-height:40px;text-align:center;font-size:20px;font-weight:bold;cursor:pointer;opacity:.8;color:#fff}.close-button:hover{opacity:1;background-color:#dc2626}.features{padding-top:60px;padding-bottom:60px}.features h2{font-weight:bold;font-size:50px;color:var(--main-color);margin:0 0 60px;text-align:center}.features .feat-box{width:33.3333333333%;padding:10px;border-radius:15px;float:left;text-align:center}@media(max-width: 800px){.features .feat-box{width:50%}}@media(max-width: 600px){.features .feat-box{width:100%}}.features .feat-box img{width:96px}.features .feat-box h4{font-size:22px;margin:15px 0 40px;position:relative}.features .feat-box h4:before{content:"";width:40px;height:4px;background-color:var(--main-color);position:absolute;left:50%;margin-left:-20px;bottom:-22px}.features .feat-box p{width:90%;margin:0 auto;line-height:1.7;color:#374151}.testimonials{padding-top:80px;padding-bottom:80px;background-color:#eee;display:flex;align-items:center;justify-content:center;flex-direction:column}.testimonials h2{font-weight:bold;font-size:50px;color:var(--main-color);margin:0 0 60px;text-align:center}.testimonials .flex-container{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;width:768px;background-color:#fcfafa;border-radius:20px;padding-left:25px}.testimonials .flex-container .slider-container{margin:30px;position:relative}.testimonials .flex-container .slider-container .image img{width:250px;border-radius:50%;margin:20px}.testimonials .flex-container .slider-container .navigation{display:inline-block;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);border-radius:20px;position:absolute;bottom:20px;left:20%}.testimonials .flex-container .slider-container .navigation:active{background-color:#f3f4f6}.testimonials .flex-container .slider-container .navigation .next,.testimonials .flex-container .slider-container .navigation .prev{cursor:pointer;padding:8px 10px 5px 10px}.testimonials .flex-container .feedback{position:relative}.testimonials .flex-container .feedback img{height:60px;position:absolute;left:40px;top:-25px}.testimonials .flex-container .feedback p{margin-right:15px;font-size:18px;line-height:1.6;color:#374151;font-weight:300}.testimonials .flex-container .feedback .name{color:#1f2937;padding-top:15px}.testimonials .flex-container .feedback .name .role{color:#9ca3af;padding-left:10px}@media(max-width: 767px){.testimonials .flex-container{flex-direction:column;margin:0 10vw;width:calc(350px + 10vw)}.testimonials .flex-container .feedback{text-align:center;margin-top:50px}.testimonials .flex-container .feedback img{left:40%}.testimonials .flex-container .feedback .role{display:block}.testimonials .flex-container .feedback .navigation{left:40%}}.skills{padding-top:50px;padding-bottom:50px;background-color:#eee;transition:all .4s cubic-bezier(0.86, 0, 0.07, 1)}.skills h2{font-weight:bold;text-align:center;font-size:50px;margin:0 0 10px;color:var(--main-color)}.skills .skill-box{background-color:#fff;display:flex;padding:15px;margin-bottom:15px}.skills .skill-box .skill-name{font-weight:bold;width:120px;text-align:center;line-height:30px}.skills .skill-box .skill-progress{height:30px;width:100%;background-color:#f6f6f6;border-radius:6px;position:relative;overflow:hidden}.skills .skill-box .skill-progress span{position:absolute;left:0;top:0;width:0;height:100%;background-color:var(--main-color)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#52525b}::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:2px}.about-us{padding-top:60px;padding-bottom:60px;display:flex}.about-us .info-box{flex:1;padding:30px}.about-us .info-box h2{font-weight:bold;text-align:center;font-size:50px;margin:0 0 10px;color:var(--main-color)}.about-us .info-box h2 span{-webkit-text-stroke:.5px #000;font-size:51px;color:transparent}.about-us .info-box h2:hover{-webkit-text-stroke:.5px #000;color:transparent}.about-us .info-box h2:hover span{-webkit-text-stroke:0 #000;color:var(--main-color)}.about-us .info-box p{line-height:1.6;color:#4b5563;margin:0;font-size:18px}.about-us .img-box{flex:1;text-align:center}.about-us .img-box svg{width:400px;max-width:100%}@media(max-width: 800px){h1{font-size:26px}.about-us{display:block;text-align:center}.about-us .info-box{padding:0}.skills .skill-box{display:block}.skills .skill-box .skill-name{width:100%;margin-bottom:15px}}.contact{background-image:url("../img/contact.png");-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;padding-top:80px;padding-bottom:80px}.contact h2{font-weight:bold;font-size:50px;color:var(--main-color);margin:0 0 60px;text-align:center}.contact .container{position:relative;z-index:2}.contact .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.2)}.contact form{overflow:hidden;max-width:800px;margin:auto}.contact form input{height:40px}.contact form input:focus::placeholder{opacity:0;transition:.3s}.contact form input:focus{outline:none}.contact form textarea{height:205px;max-height:205px;max-width:100%}.contact form textarea:focus::placeholder{opacity:0;transition:.3s}.contact form input:not([type=submit]),.contact form textarea{display:block;width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;background-color:#f3f4f6}.contact form input[type=submit]{padding:10px;width:100%;border-color:transparent;background-color:var(--main-color);color:#fff;cursor:pointer}.contact form .left{float:left;width:49%}.contact form .right{float:right;width:49%}.timeline{padding-top:50px;padding-bottom:50px;background-color:#eee}.timeline-content{position:relative;overflow:hidden}.timeline-content .left,.timeline-content .right{width:calc(50% - 25px);margin-bottom:40px;position:relative}@media(max-width: 800px){.timeline-content .left,.timeline-content .right{width:100%;margin-bottom:20px}}.timeline-content .left:before,.timeline-content .right:before{content:"";width:14px;height:14px;background-color:#fff;border:3px solid var(--main-color);position:absolute;border-radius:50%;top:15%}.timeline-content .left{float:left}.timeline-content .left:before{right:-35px}.timeline-content .right{float:right}.timeline-content .right:before{left:-35px}.timeline-content:before{content:"";width:2px;height:100%;background-color:var(--main-color);position:absolute;left:50%;margin-left:-1px;top:0}.timeline-content .year{margin:20px auto;width:84px;background-color:var(--main-color);position:relative;z-index:2;border-radius:1px 22px 1px 22px;text-align:center;color:#fff;padding:7px 5px;font-weight:700}.timeline .content{padding:20px;background-color:#fff}.timeline .content h3{font-weight:bold;color:var(--main-color);opacity:.9;margin:0 0 10px}.timeline .content p{color:#666;margin:0;line-height:1.6}.nav-bullets{position:fixed;right:0;top:50%;transform:translateY(-50%);width:40px;z-index:1000}.nav-bullets .bullets{width:15px;height:15px;border:1px solid var(--main-color);border-radius:50%;margin:20px 0;background-color:#fff;cursor:pointer;position:relative}.nav-bullets .bullets:hover{transform:scale(1.2)}.nav-bullets .bullets:hover .tooltip{display:block}.nav-bullets .bullets .tooltip{background-color:var(--main-color);width:140px;color:#fff;padding:6px 10px;position:absolute;right:32px;top:-5px;text-align:center;cursor:default;pointer-events:none;display:none}.tran-delay-100ms{transition-delay:1000ms}.tran-delay-200ms{transition-delay:2000ms}.tran-delay-300ms{transition-delay:3000ms}.tran-delay-400ms{transition-delay:4000ms}.tran-delay-500ms{transition-delay:5000ms}.tran-delay-600ms{transition-delay:6000ms}.scroll-anim{opacity:0;filter:blur(1px);transform:translateX(-80);transition:all 800ms cubic-bezier(0.86, 0, 0.07, 1)}.enter{opacity:1;filter:blur(0px);transform:translateX(0)}