@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);:root{--primary:#000;--secondary:#18181b;--title:#f4f4f5;--sub-title:#6f6f76;--border:#2b2b2b;--nav:#252527;--hover:#1a867c;--icon-hover:#d4d4d8;--btn-bg:#24252e}body{font-family:Roboto,sans-serif}.dark{background-color:#000;background-color:var(--primary)}.light{--primary:#fff;--secondary:#f0f0f0;--title:#333;--sub-title:#666;--border:#ddd;--nav:#f9f9f9;--hover:#1a867c;--icon-hover:#000;--btn-bg:#24252e99}.container{background-color:#18181b;background-color:var(--secondary);border:1px solid #2b2b2b;border:1px solid var(--border);color:#f4f4f5;color:var(--title);margin-left:auto;margin-right:auto;width:80%}.btn{background-color:#24252e;background-color:var(--btn-bg);border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:20px;font-weight:500;padding:10px 0;transition:all .3s;width:200px}.dark .btn{color:#6f6f76;color:var(--sub-title)}.light .btn{color:#fff}.dark .btn:hover{background-color:#24252e99;color:#fff}.btn:active{transform:scale(.95)}input::placeholder,textarea::placeholder{color:#525151}.light input,.light textarea{color:#000}button:disabled{cursor:not-allowed;opacity:.4}button:disabled:hover{background-color:#24252e;background-color:var(--btn-bg)}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}input:focus,textarea:focus{outline:0}.flex{align-items:center;display:flex;justify-content:center}::-webkit-scrollbar{background-color:var(--secondary);cursor:pointer}::-webkit-scrollbar-thumb{background-color:var(--nav)}.up{background-color:var(--hover);border:0;border-radius:50%;bottom:10%;color:var(--title);cursor:pointer;height:40px;position:fixed;right:3%;width:40px}header{align-items:center;display:flex;justify-content:space-around;margin-top:20px;padding:0 15px}.model,header .menue{display:none}header nav{background-color:var(--nav);border:1px solid var(--border);border-radius:30px;padding:12px 30px}header nav ul{display:flex;gap:30px}header nav ul li a{color:var(--title);font-size:16px;font-weight:500;transition:all .3s}header nav ul li a:hover{color:var(--hover)}header .header-icon{background-color:var(--nav);border:1px solid var(--border);border-radius:50%;color:var(--hover);cursor:pointer;font-size:20px;height:40px;transition:all .3s;width:40px}header .header-icon:hover{border-color:var(--title)}.light header .header-icon{color:#fc0}@media (max-width:700px){header{justify-content:space-between}header .navs{display:none}header .menue{background-color:var(--nav);border-radius:50%;cursor:pointer;display:flex;font-size:22px;height:40px;width:40px}#my-model.model-bg{background-color:var(--nav);inset:0;opacity:.95;position:fixed}.model{animation:show 1s linear 1 alternate;background-color:var(--primary);border-radius:10px;display:block;left:10%;padding:20px;position:fixed;right:10%;top:10%;transition:all .3s ease-in;z-index:10}.model ul li:first-of-type{color:#f23636;cursor:pointer;font-size:22px;margin-top:-14px;text-align:right}.model ul li{padding:10px 0}.model ul li:not(:last-of-type){border-bottom:1px solid var(--border)}.model ul li:first-of-type{border-bottom:none}.model ul li a{color:var(--title);transition:all .3s}.model ul li a:hover{color:var(--hover)}}@media (max-width:700px){@keyframes show{0%{transform:scale(.7)}50%{transform:scale(1.2)}to{transform:scale(1)}}}.hero{border-bottom:1px solid var(--border);padding-bottom:50px;padding-left:50px}.hero .my-image{margin:50px 0 10px}.hero .my-image img{border:1px solid #000;border-radius:50%;box-shadow:1px 1px 20px #0000007a;cursor:pointer;height:100px;width:100px}.hero h2{font-size:32px}.hero p{color:var(--sub-title);letter-spacing:.5px;line-height:1.5;margin:10px 0 35px;width:90%}.hero .social{align-items:center;display:flex;font-size:20px;gap:30px}.hero .social a{color:var(--sub-title);transition:all .3s}.hero .social a:hover{color:var(----icon-hover)}.hero .my-animation{display:none}@media (max-width:700px){.hero{padding:0 10px}.hero h2{font-size:25px}.hero .social{margin-bottom:20px}}@media (min-width:1020px){.hero .my-animation{display:block;margin-top:20px}}.contact{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:30px 50px 50px}.contact .head{flex:0.6 1}.contact .head .mail{align-items:center;display:flex;justify-content:start}.contact .head .mail i{color:var(--sub-title);font-size:18px;margin-right:10px}.contact .head .mail h2{color:var(--title)}.contact .head p{color:var(--sub-title);line-height:1.33;margin:10px 0;width:100%}.contact .head form{margin-top:50px;width:100%}.contact .head form label{color:var(--sub-title);margin-right:10px}.contact .head form input,.contact .head form textarea{border:1px solid var(--border);border-radius:5px;font-size:16px;font-weight:600;padding:10px;width:60%}.dark .contact .head form input,.dark .contact .head form textarea{background:var(--btn-bg)}.contact .head form input:focus,.contact .head form textarea:focus{border:1px solid var(--hover)}.contact .head form div:last-of-type{align-items:center;display:flex;margin-top:10px}.contact .head form div:last-of-type textarea{min-height:160px;resize:none}.contact .head form .btn{color:#fff;font-size:16px;margin-top:10px;padding-left:6px;padding-right:6px;width:100px}.dark .contact .head form input,.dark .contact .head form textarea{color:#fff}.light .contact .head form .btn{background-color:#000}.contact .head .success{align-items:center;display:flex;font-size:18px;font-weight:500;justify-content:center;margin-top:20px}.contact .animation{display:none}@media (max-width:1016px){.contact{padding:30px 10px}.contact .head{flex:1 1}.contact .head form div:last-of-type{align-items:start;flex-direction:column}.contact .head p{width:80%}.contact .head form label{display:block;margin:10px 0}.contact .head form input,.contact .head form textarea{width:80%}}@media (min-width:1020px){.contact .animation{display:block;flex:0.4 1}}footer{align-items:center;display:flex;justify-content:space-between;padding:30px}footer ul li a{color:var(--title);margin-left:15px;transition:.3s}footer ul li a:hover{color:var(--hover)}@media (max-width:815px){footer{flex-direction:column;gap:14px;justify-content:start;padding:10px}}@media (max-width:387px){footer{font-size:14px}footer ul li a{margin-left:10px}footer .copyright{line-height:1.4}}.main{align-items:start;border-bottom:1px solid var(--border);display:flex;gap:40px;padding:50px}.main section.btn-list{display:flex;flex-direction:column;gap:10px}.dark .main section.btn-list .active{border:1px solid var(--hover);color:#fff}.light .main section.btn-list .active{background-color:#000;border:1px solid #000}.main section.projects-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.main section.projects-list .box{background-image:linear-gradient(#343434b1,#56505024);border:1px solid var(--border);border-radius:6px;transition:all .3s;width:260px}.main section.projects-list .box:hover{border-color:var(--hover);transform:scale(1.05) rotate(1deg)}.main section.projects-list .box img{border-radius:6px;width:100%}.main section.projects-list .box .desc{padding:10px}.main section.projects-list .box .desc h2{color:var(--title);text-transform:capitalize}.main section.projects-list .box .desc p{color:var(--sub-title);font-size:16px;line-height:1.3;margin-top:5px}.main section.projects-list .box .desc .links{align-items:center;display:flex;justify-content:space-between}.main section.projects-list .box .desc .links div:first-of-type i{color:var(--sub-title);cursor:pointer;margin-top:10px;transition:all .3s}.main section.projects-list .box .desc .links div:first-of-type i:hover{color:var(--icon-hover);font-size:18px}@media (max-width:700px){.main{flex-direction:column;padding:20px 0}.main section.btn-list{flex-direction:row;flex-wrap:wrap;justify-content:center}}
/*# sourceMappingURL=main.327b393c.css.map*/