#header{header{align-items:center;background:#000;color:#fff;display:flex;justify-content:space-between;padding:30px;position:fixed;top:0;width:100%;z-index:1;>div{>a{text-decoration:none;>h2{color:#fff}}}>div.links{>a{color:#fff;margin-bottom:30px;margin-left:55px;padding-bottom:10px;position:relative;text-decoration:none;transition:color 1s;&:after{background-color:#0f1117;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .7s ease;width:0}&:hover:after{border-bottom:2px solid #fff;color:#d8caca;width:100%}&:hover{color:#d8caca}}}}}nav.check{padding:30px 0 0 15px}.card{color:#fff;transform:scale(.1);transition:.55s}.card.show{opacity:1;transform:scale(.9);transform:scale(1)}#port{display:none}.links .a{color:#fff;margin:0 15px;padding-bottom:5px;position:relative;text-decoration:none}.links .a.active{border-bottom:3px solid #134544;font-weight:700}@media screen and (max-width:909px){#port{display:block}header .links a.a{display:none}header .links>img{cursor:pointer;display:block}header h2{font-size:18px}#header{>nav{aside.about{width:100%}}}footer>section{align-items:center;flex-direction:column;padding-bottom:50px}footer>section>div{margin-bottom:30px}footer>h2{text-align:center}footer>section>div{width:50%}.head>img{cursor:pointer;margin-right:20px}#sun{visibility:hidden}.back,.check{transform:rotateY(0deg)}#bottom-bar{bottom:0;display:flex;justify-content:space-between;min-height:50px;padding-top:10px;position:fixed;width:100%;>nav{align-items:center;background-color:#000;border:2px solid #0000;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:15%;>a{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-top:25px;text-decoration:none}}}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1c1a1a;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#footer10{>section{align-items:center;background-color:#135455;display:flex;flex-direction:column;justify-content:center;margin-top:150px;min-height:50vh;width:100%;>h4{font-size:2rem;text-align:center}>button,>h4{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}>button{background-color:#fff;border:none;border-radius:6px;color:#135455;cursor:pointer;font-weight:600;margin-top:50px;min-height:45px;min-width:220px;transition:background-color .2s ease;&:hover{background-color:#455555;color:#fff}}}>footer{display:flex;justify-content:end;margin-top:50px;>section{border-bottom:1px solid gray;display:flex;gap:10px;justify-content:space-around;width:95%;>div{flex:1 1;>a{color:#fff;display:block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;margin-bottom:15px;text-align:center;text-decoration:none;&:hover{color:#135455}}>h4,>p{text-align:center}>h4{font-family:Verdana,Geneva,Tahoma,sans-serif;margin-bottom:20px}>p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:22px;margin-top:20px}>button{background-color:#135455;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-weight:600;margin:20px auto;min-width:120px;padding:.5rem 1.2rem;transition:background-color .2s ease;>i{margin-right:6px}&:hover{background-color:#555}}}}}>p{font-family:Verdana,Geneva,Tahoma,sans-serif;margin:50px 0;text-align:center}}@media screen and (max-width:909px){#footer10{>section{padding:0 10px;text-align:center}>footer{>section{align-items:start;padding-left:20px;>div{text-align:start;width:100%;>h4,a,p{text-align:start}>button{margin:20px 0}}}}>p{margin-bottom:100px}}}#skill{margin-bottom:100px;margin-top:120px;padding-left:30px;>h2{margin-bottom:50px}>li{color:orange;list-style-type:none;margin-bottom:8px}>section{display:flex;flex-wrap:wrap;gap:30px;>nav{align-items:center;background-color:#0f1117;border-radius:5px;display:flex;flex-direction:column;justify-content:center;min-height:200px;transition:all 1.5s;width:30%;&:hover{background-color:#0f1117;cursor:pointer}>i{font-size:5rem;margin-bottom:20px}>h4{align-items:center;display:flex;letter-spacing:2px;margin-right:10px;text-transform:uppercase;>img{margin-right:10px;width:50px}}>div{background-color:#0f1117;border-radius:100px;padding:0;width:100%}}}}.bar{background:#0f1117;height:30px;overflow:hidden;position:relative;width:100%}.bar,.bar span{border-radius:100px}.bar span{background:green;color:#fff;display:block;font-weight:700;height:100%;line-height:30px;text-align:center;transition:width 3s ease-in-out;width:0}@media screen and (max-width:800px){#skill{>section{flex-direction:column;>nav{width:90%}}}}#main{margin-top:100px;main{display:flex;justify-content:space-between;margin-top:50px;padding:30px;>section{>h2{font-size:40px;font-weight:300;letter-spacing:3px;margin-bottom:10px}>h1{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:60px}>p{font-size:1.1rem;line-height:25px;width:80%}>button,>p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:20px}>button{background-color:#135455;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;min-height:45px;min-width:180px;transition:background-color .2s ease;&:hover{background-color:#455555}>i{margin-right:7px}+button{background-color:#f2f2f2;color:#134455;margin-left:20px;&:hover{color:#fff}}}}>img{width:40%}}nav{display:flex;justify-content:space-between;margin-top:60px;padding:30px;width:100%;>aside{>h2{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;margin-bottom:15px}>p{font-size:1.1rem;line-height:30px;margin-bottom:20px}>button,>p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}>button{background-color:#135455;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;min-height:45px;min-width:180px;transition:background-color .2s ease;&:hover{background-color:#455555}}>div{display:flex;flex-wrap:wrap}}aside.about{width:50%}.mypic{border-radius:50%;height:300px;object-fit:top cover;width:300px}}figure{display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px;>div{align-items:center;animation:animate 10s infinite;border-radius:10px;box-shadow:0 1px 10px #393838;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:50px;min-height:20vh;padding:20px;width:27%}}>h2{letter-spacing:5px;margin-left:30px;margin-top:100px;+#service{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:50px;>section{box-shadow:1px 5px 1px #393838;margin-bottom:50px;min-height:50vh;width:28%;>i{color:#134455;font-size:2rem;margin-top:50px}>h4{color:#f2f2f2;font-size:1.3rem;margin-bottom:30px;margin-top:20px}>p{color:#e3dfdf;letter-spacing:1px;line-height:23px}}}}#experince{margin-top:50px;>section{display:flex;justify-content:end;padding-right:20px;+section{justify-content:start;margin-left:20px;+section{justify-content:end;+section{justify-content:start}}}>aside{background-color:#fff;border-radius:8px;min-height:30vh;padding-bottom:20px;width:50%;>h4{color:#134455;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:1.8rem;margin:30px 0 5px 30px}>p{color:#000;margin-left:30px;+li{color:#000;font-style:italic;list-style-type:none;margin-left:30px;margin-top:10px}}>li{color:#000;list-style-type:none;margin-bottom:15px}>button,>li{margin-left:20px}>button{background-color:#135455;border:none;border-radius:3px;color:#fff;cursor:pointer;margin-top:30px;min-height:40px;min-width:300px}}}}}@media screen and (max-width:909px){#main{main{align-items:center;flex-direction:column;>section{>p{width:100%}>button{min-height:50px;min-width:250px;+button{display:block;margin-left:0}}}>img{width:100%}}main>img{margin-top:60px}nav.ok{align-items:center;flex-direction:column}nav{>aside.about{width:100%}}nav aside.about{margin-bottom:50px;>p{width:100%}}figure{align-items:center;flex-direction:column}figure>div{margin-bottom:100px;min-width:80%}>h2{+#service{flex-direction:column;>section{margin-bottom:100px;min-height:33vh;padding-bottom:30px;width:80%}}}>#experince{>section{align-items:center;justify-content:center;margin-bottom:50px;padding-left:0;padding-right:0;+section{align-items:center;justify-content:center;margin-left:0;>aside{>button{margin-left:5px;width:90%}}+section{align-items:center;justify-content:center;+section{align-items:center;justify-content:center}}}>aside{width:90%}}}}}#allProject{>h2{margin-top:100px;text-align:center}>aside{display:flex;justify-content:space-between;margin-top:50px;min-height:30px;padding:0 40px;width:100%;>button{background-color:#355555;border:none;border-radius:5px;color:#fff;cursor:pointer;min-height:40px;min-width:120px;.activeFocus{background-color:#fff;color:#135455}}}>article{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px;transition:transform .6s;>div{align-items:center;background-color:#262323;border-radius:10px;display:flex;flex-direction:column;margin-bottom:70px;min-height:10vh;width:48%;>img,>nav{width:100%}>nav{align-items:start;background-color:#262323;display:flex;flex-direction:column;>h4{color:#135455;margin-bottom:5px;text-transform:uppercase}>span{color:red;display:block;font-weight:700;margin-top:10px}>p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;letter-spacing:1px;margin-top:7px}>nav{align-items:center;display:flex;justify-content:space-between;width:95%;>button{background-color:#135455;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;margin-bottom:20px;margin-top:20px;padding:.7rem 1.2rem;transition:background-color .2s ease;&:hover{background-color:#355555}}>li{list-style-type:none;>i{color:#fff}}}}}}summary{display:flex;margin-bottom:60px;>nav{align-items:center;display:flex;flex-direction:column;line-height:23px;list-style-type:none;min-width:30%;text-align:center;>p{color:#eee6e6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;width:95%}>li{color:#fff;font-size:13px;font-size:20px;font-weight:700;margin-top:20px}img{border-radius:100px;margin-bottom:20px;width:60px}}}}#bottom-bar,#hamburger{display:none}@media screen and (max-width:909px){#allProject{#hamburger{cursor:pointer;display:inline-block}header .links a.a{display:none}}#allProject{>article{flex-direction:column;>div{background-color:#262323;margin-bottom:40px;min-height:50vh;width:100%}}summary{flex-direction:column;>nav{margin-bottom:40px}}article>div>nav{opacity:1}}}#contact5{#contact2{align-items:center;display:flex;justify-content:center;margin-top:150px;min-height:80vh;width:100%;>.contact{min-width:80%;>form{background-color:#fff;border-radius:10px;padding:40px;width:100%;>nav{color:#fff;margin-bottom:30px}>h2{color:#000;margin-bottom:50px}>TextField{border:2px solid #fff}}}}footer{margin-top:150px;padding:30px;>section{display:flex;justify-content:space-between;>div{width:30%;>a{margin-bottom:20px;text-decoration:none}>a,>button{color:#fff;display:block}>button{background-color:#135455;border:none;border-radius:6px;cursor:pointer;font-weight:600;margin-top:20px;padding:.5rem 1.2rem;transition:background-color .2s ease;>i{margin-right:6px}&:hover{background-color:#555}}}}}}@media screen and (max-width:900px){#contact5{#contact2{>.contact{width:95%}}}}#mobileNva{#bottom-bar{display:none}}#bottom-bar .nav-link{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:14px;padding:8px;text-decoration:none;transition:all .3s ease}#bottom-bar .nav-link i{margin-bottom:5px}#bottom-bar .nav-link.active{border-bottom:2px solid #ff9800;color:#ff9800;padding-bottom:2px}@media screen and (max-width:909px){#mobileNva{#bottom-bar{bottom:0;display:flex;justify-content:space-between;min-height:50px;padding-top:10px;position:fixed;width:100%;>nav{align-items:center;background-color:#000;border:2px solid #0000;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:15%;>a{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-top:25px;text-decoration:none}}}}}
/*# sourceMappingURL=main.1f86b707.css.map*/