@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);.portfolio-Copyright{background:#262626;bottom:0;font-weight:300;padding:25px 0;position:fixed;text-align:center;top:auto;width:100%}#contact .container .row .contact-left .sub-title,#contact .container .row .contact-right{margin-top:200px}.btn.btn3{cursor:pointer}@media only screen and (max-width:600px){#contact .container .row .contact-left .sub-title{margin-top:150px}#contact .container .row .contact-right{margin-top:0}.btn.btn3{background:#ff004f;cursor:pointer;display:inline-block;margin-bottom:180px;transition:.5s}}header{align-items:center;display:flex;justify-content:space-between;margin:10px 0}header .logo{flex:1 1}header .globe-icon{color:#ccc;cursor:pointer;display:flex;font-size:25px;justify-content:center}header .burger-menu{display:flex;flex:1 1;font-size:24px;justify-content:flex-end}.language-selector{align-items:center;display:flex;position:relative}.language-selector .flags-container{border-radius:5px;display:none;flex-direction:row;gap:10px;left:0;padding:1px;position:absolute;top:100%;z-index:10}.language-selector .flags-container.show{display:flex}.language-selector .flag-icon{cursor:pointer;display:block;position:relative;transition:color .3s}.language-selector .flag-icon.active{color:#ff004f}.language-selector .flag-icon.active:after{background-color:#ff004f;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}@media(max-width:600px){.language-selector .globe-icon{display:block;margin-right:110px}.language-selector .flags-container{display:none}.language-selector .flags-container.show{display:flex}}.nav{display:none}.nav.open{background:#fff;box-shadow:-2px 0 5px #00000080;display:block;height:100vh;position:absolute;right:0;top:0;width:200px}.nav ul{list-style:none;padding:0}.nav ul li{margin:20px 0}.nav ul li a{color:#000;text-decoration:none}.nav ul li a.active{color:violet}.burger-menu{display:none}.burger-menu,.close-menu{background:none;border:none;cursor:pointer;font-size:24px}.close-menu{display:block;position:absolute;right:10px;top:10px}@media(max-width:600px){.burger-menu{display:block}.nav{display:none}.nav.open{display:block}}@media(max-width:600px)and (max-width:600px){#sidemenu li a{color:#fff;text-decoration:none;transition:color .3s}#sidemenu li a.active{color:rgba(38,38,38,.769);font-size:large;font-weight:700;transition:color .3s}}.chatgpt{border-radius:10px;box-shadow:0 4px 12px #0000001a;color:#333;flex-direction:column;font-family:Arial,sans-serif;height:100%;margin:10%;max-width:95%;padding:20px}.chatgpt,.chatgpt h1{align-items:center;display:flex}.chatgpt h1{color:#ff004f;font-size:2em;margin-bottom:10px}.chatgpt h1:before{content:"🤖";font-size:1.2em;margin-right:10px}.chatgpt .chat-window{border-radius:10px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;height:400px;margin-bottom:1cm;overflow-y:scroll;padding:15px;width:100%}.chatgpt .chat-window .welcome-message{color:#ccc;font-size:1em;line-height:1.5;text-align:center}.chatgpt .chat-window .welcome-message p{margin-bottom:50px!important}.chatgpt .chat-window .welcome-message ul{list-style-type:none;padding:0}.chatgpt .chat-window .welcome-message ul li{color:#ff4081;font-size:.8em;margin:10px 0 20px}.chatgpt .chat-window .message{word-wrap:break-word;align-items:flex-start;border-radius:20px;display:inline-flex;flex-direction:column;font-size:1em;line-height:1.6;margin:8px 0;max-width:90%;padding:10px 15px;white-space:pre-wrap}.chatgpt .chat-window .message.user{align-self:flex-end;background-color:#ff004f;color:#fff}.chatgpt .chat-window .message.bot{align-self:flex-start;background-color:#e2e2e2;color:#333}.chatgpt .chat-window .message.code-block{background-color:#282c34;border-radius:10px;color:#61dafb;font-family:Courier New,Courier,monospace;font-size:.9em;line-height:1.6;max-width:100%;overflow-x:auto;padding:10px;white-space:pre-wrap}.chatgpt .chat-window .message .bold{color:#ff004f;font-weight:700}.chatgpt .chat-window .message p{margin:.5em 0}.chatgpt .chat-window .message:before{font-size:1.2em;margin-right:8px}.chatgpt .chat-window .message.bot:before{content:"🤖"}.chatgpt .input-area{display:flex;position:relative}.chatgpt .input-area textarea{border:1px solid #c72222;border-radius:10px;flex:1 1;font-size:1em;min-height:90px;outline:none;padding:10px 50px 10px 15px;resize:vertical;transition:border-color .3s}.chatgpt .input-area textarea:focus{border-color:#ff004f}.chatgpt .input-area .icon-container{align-items:center;background-color:#ff004f;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:background-color .3s;width:40px}.chatgpt .input-area .icon-container:hover{background-color:#6f2dbd}.chatgpt .input-area .icon-container .icon-send{color:#fff;font-size:1.2em}@media(max-width:600px){.chatgpt{box-shadow:none;height:450px;margin:100px auto;padding:10px}.chatgpt h1{font-size:1em;margin-bottom:15px}.chatgpt p{font-size:small;margin:5px 0}.chatgpt .chat-window{height:auto;padding:10px}.chatgpt .chat-window .message{font-size:.9em;margin:6px 0;padding:8px 12px}.chatgpt .input-area{display:flex;position:relative;width:100%}.chatgpt .input-area textarea{border:1px solid #c72222;border-radius:10px;flex:1 1;font-size:.8rem;min-height:80px;outline:none;padding:10px 50px 10px 15px;resize:vertical;transition:border-color .3s}.chatgpt .input-area textarea:focus{border-color:#ff004f}.chatgpt .input-area button{align-items:center;background-color:#ff004f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2em;height:40px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:background-color .3s;width:40px}.chatgpt .input-area button:hover{background-color:#6f2dbd}.chatgpt .input-area button:before{content:"→";font-size:1.5em}}body{overflow-y:scroll}body.no-scroll{overflow:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}*{box-sizing:border-box;font-family:poppins,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#060606;color:#fff}#home-content{animation:parallax 10s ease-in-out infinite alternate;background-attachment:fixed;background-image:url(/static/media/mehdi-cover-8k-black-paper.72c265024070256f068c.jpg);background-position:70% 10%;background-repeat:no-repeat;background-size:cover;height:100vh;width:100%}@keyframes parallax{0%{background-position:70% 10%}to{background-position:75% 15%}}#header{height:5px;width:100%}.container{margin-bottom:30px;padding:10px 10%}.portfolio-wrapper{margin-bottom:30px;padding:10px 10% 10px 350px}nav{align-items:center;justify-content:space-between;margin-bottom:30px}.logo{width:100px}nav ul li{display:inline-block;list-style:none;margin:10px 20px}.active:after{background:#ff004f;bottom:-6px;content:"";height:2px;left:0;position:absolute;transition:.5s linear;-webkit-transition:.5s linear;-moz-transition:.5s linear;-ms-transition:.5s linear;-o-transition:.5s linear;width:100%}nav ul li a{color:#fff;font-size:18px;position:relative;text-decoration:none;width:100%}nav ul li a:after{background:#ff004f;bottom:-6px;content:"";height:2px;left:0;position:absolute;transition:.5s linear;-webkit-transition:.5s linear;-moz-transition:.5s linear;-ms-transition:.5s linear;-o-transition:.5s linear}nav ul li a:hover:after{width:100%}.home-text{font-family:Poppins,sans-serif;font-size:20px;margin-top:20%}.home-text h1{font-size:3rem;margin-bottom:1rem;margin-top:250px}.home-text p{font-size:1.2rem;margin-bottom:.5rem}.home-text h1 span{color:#ff004f}.about-col-2{animation:fadeInUp .8s ease-in-out;border-radius:10px;box-shadow:0 4px 6px 0 #0003;min-height:50vh;opacity:.8;padding:20px;width:100%}a{color:#ff004f;text-decoration:none;transition:color .3s ease,transform .3s ease}a:hover{color:#b0b0b0bb;transform:scale(1.05)}#about{animation:fadeIn 1s ease-in-out;color:#ebebeb;margin:9%;padding:70px 0}.tab-titles{animation:fadeInLeft .8s ease-in-out;display:flex;margin:20px 0 40px}.tab-links{color:#fff;cursor:pointer;font-size:18px;font-weight:500;margin-right:50px;position:relative;transition:color .3s ease,transform .3s ease}.tab-links:hover{color:#ff004f;transform:scale(1.1)}.tab-links:after{background:#ff004f;bottom:-8px;content:"";height:3px;left:0;position:absolute;transition:width .5s ease;width:0}.tab-links.active-link:after,.tab-links:hover:after{width:100%}.tab-contents{display:none;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.tab-contents.active-tab{display:block;opacity:1;transform:translateY(0)}.tab-contents ul li{animation:fadeInRight .6s ease-in-out forwards;list-style:none;margin:10px 0;opacity:0;transform:translateX(-20px)}.sub-title{color:#fff;font-size:60px;font-weight:600px}.tab-contents ul li span{color:#ff004f;font-size:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}input[type=text]{background:#26262696;border:1px solid #f8f7f7;border-radius:5px;box-sizing:border-box;color:#fff;font-size:16px;margin-top:25px;padding:10px;transition:border-color .3s;width:100%}input[type=text]:focus{border-color:#ff004f;outline:none}#portfolio{margin-top:10%;padding:50px 0}.work-list{grid-gap:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));margin-top:50px}.work{border-radius:10px;height:400px;overflow:hidden;position:relative;width:300px}.work img{display:block;height:100%;object-fit:cover;transition:transform .5s ease}.layer,.work img{border-radius:10px;width:100%}.layer{align-items:center;background:linear-gradient(rgba(0,0,0,.413),#ff004f);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;font-size:12px;height:0;justify-content:center;left:0;max-height:100%;overflow-y:auto;padding:5px;position:absolute;text-align:center;transition:height .5s ease}.layer h2{word-wrap:break-word;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal}.layer h3{font-weight:500;margin-bottom:20px}.layer a{background:#fff;border-radius:50%;color:#ff004f;font-size:18px;line-height:60px;margin-top:20px;text-align:center;text-decoration:none;transition:color .3s;width:60px}.layer a:hover{color:#221412}.attractive-heading{color:#fff;font-size:25px;font-weight:700}.work:hover img{transform:scale(1.1)}.work:hover .layer{height:100%}.separator{background:#ccc;border:0;margin:5px 0}.btn{border:1px solid #ff004f;border-radius:6px;color:#fff;display:block;margin:50px auto;padding:14px 50px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn:hover{background:#ff004f}.btn.btn2,.btn:hover{transition:.5s}.btn.btn2:hover{background:#252324;transition:.5s}.about-col-2{margin-right:auto}.row{display:flex;flex-wrap:wrap;justify-content:space-between}.msg{color:green;display:block;margin-top:10px}.contact-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.contact-left{flex-basis:35%}.contact-right{flex-basis:60%}.contact-left p{margin-top:30px}.contact-left p i{color:#ff004f;font-size:20px;margin-right:15px}.social-icons{margin-top:30px}.social-icons a{color:#ababab;display:inline-block;font-size:30px;margin-right:15px;text-decoration:none;transition:.5s;transition:transform .5s}.social-icons a:hover{color:#ff004f;transform:translateY(-5px)}.btn.btn2,.btn.btn3{background:#ff004f;display:inline-block;margin-bottom:90px}.btn.btn3{transition:.5s}.contact-right form{width:100%}form input,textarea{background:#26262696;border:1px solid #f8f7f7;border-radius:6px;color:#fff;font-size:18px;margin:15px 0;padding:15px;width:100%}form .btn2{cursor:pointer;font-size:18px;margin-top:20px;padding:14px 60px}.google-map{border-radius:10px;display:flex;height:20px;overflow:hidden;width:100%}.google-map iframe{border:0;border-radius:10px;height:100%;width:100%}.Copyright{background:#262626;bottom:0;font-weight:300;padding:25px 0;text-align:center;width:100%}.scroll-to-top{background-color:#ff004f;border-radius:10%;-webkit-border-radius:10%;-moz-border-radius:10%;-ms-border-radius:10%;-o-border-radius:10%;bottom:20px;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;display:none;padding:10px;position:fixed;right:20px;transition:opacity .3s}.scroll-to-top:hover{opacity:.8}body.no-scroll-to-top .scroll-to-top{display:none}nav .fa-solid{display:none;font-size:30px}@media only screen and (max-width:600px){#home-content{animation:mobileParallax 15s ease-in-out infinite alternate;background-attachment:scroll;background-image:url(/static/media/Untitled-22.cd7f71195f5c6d18a9d2.png);background-position:40% 10%;background-repeat:no-repeat;background-size:150%}@keyframes mobileParallax{0%{background-position:40% 10%}to{background-position:45% 15%}}.btn.btn3{background:#ff004f;display:inline-block;margin-bottom:180px;transition:.5s}.home-text h1{font-size:1.2rem;margin-bottom:1rem}.home-text p{font-size:1rem;margin-bottom:.5rem}nav .fa-solid{display:block;font-size:30px}nav .fa-bars{font-size:30px;position:absolute;right:10px}.portfolio-wrapper{padding-left:45px}nav ul{background:#ff004f;height:100vh;justify-content:space-around;padding-top:50%;position:fixed;right:-200px;top:0;transition:0s;width:170px;z-index:2}nav ul li{display:block;margin:25px}nav ul .fa-solid{cursor:pointer;left:25px;position:absolute;top:25px}.sub-title{font-size:30px;margin-top:20%}.about-col-1,.about-col-2{margin-bottom:30px}.about-col-2{border-radius:10px;box-shadow:0 4px 6px #0003;font-size:10px;min-height:50vh;opacity:.8;padding:0;position:relative;width:100%}body{display:flex;flex-direction:column;min-height:100vh}.container{flex:1 1}footer{margin-top:auto}.tab-links{font-size:7px;margin-right:10px}.contact-left,.contact-right{flex-basis:100%;margin-bottom:0;padding:0}.containr{padding:0}.scroll-to-top{background-color:#ff004f;border-radius:25%;-webkit-border-radius:25%;-moz-border-radius:25%;-ms-border-radius:25%;-o-border-radius:25%;bottom:90px;color:#fff;font-size:10px;position:fixed;right:9px;text-decoration:none;transition:background-color .3s}.scroll-to-top:hover{background-color:#e8477a}body.no-scroll-to-top .scroll-to-top{display:none}.Copyright{bottom:0;font-size:10px;width:100%}iframe{border-radius:10px;height:300px;margin-bottom:90px;margin-top:-100px;width:100%}input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:10px;margin-top:25px;padding:10px;transition:border-color .3s}form input,textarea{background:#26262690;border:0;border-radius:6px;color:#fff;font-size:18px;font-size:10px;margin:15px 0;padding:15px;width:100%}.btn,form .btn2{font-size:10px;padding:10px 50px}}
/*# sourceMappingURL=main.cf4c41fa.css.map*/