@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap);body{background-color:var(--bg-color);font-family:Merriweather,serif;font-family:Playfair Display,serif;margin:0;text-transform:capitalize}ul li{list-style:none}:root{--SpanColr:#fec544;--textColr:#fdfeff;--parColor:#a9adb8;--bg-color:#2f2a23;--bg-2:#2f2a23}body{overflow-x:hidden;transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s}body::-webkit-scrollbar-thumb{background-color:#fec544;background-color:var(--SpanColr);border-radius:10px}body::-webkit-scrollbar{width:10px}#section2{background-color:var(--bg-2);color:var(--textColr);height:auto;overflow-x:hidden;.aboutBtns{align-items:center;display:flex;gap:20px;justify-content:flex-start}}#section2 .container{display:block;margin:0 auto;width:90%}#about{display:flex;flex-wrap:wrap;padding-bottom:2rem;width:100%;ul{padding:0 .5rem}}#section2 #aboutImge,#section2 #aboutText{margin-top:75px;width:50%}#section2 #aboutText{padding-left:30px}#section2 h2{font-size:36px;font-weight:400}#section2 #about span{color:var(--SpanColr);display:block;padding:.5rem 0}#section2 #aboutText p{color:var(--parColor);font-size:1.5rem;font-weight:400;padding:0 .5rem}#section2 #about ul li{align-items:center;cursor:pointer;display:flex;justify-content:flex-start;padding:.2rem 0;p{padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}span{padding-left:.4rem}}#section2 #aboutImge img{height:512px;margin:0 auto;width:100%}#section2 #Download{align-items:center;background-color:var(--SpanColr);border:none;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;color:#000;cursor:pointer;display:flex;height:50px;justify-content:center;margin:10px auto;padding:5px 10px;text-decoration:none;width:10rem}*{box-sizing:border-box;margin:0;padding:0}nav{align-items:center;background-color:var(--bg-color);border-bottom:1px solid var(--SpanColr);display:flex;height:70px;left:0;position:fixed;text-transform:uppercase;top:0;width:100%;z-index:9999999}nav ul .active{color:var(--SpanColr)!important}.container{color:var(--textColr);justify-content:space-between;letter-spacing:3px;margin:0 auto;padding:1rem 0;width:85%}.container,nav .logo{align-items:center;display:flex}nav .logo .p{font-size:1.5rem;font-weight:500;padding-left:.4rem}nav .container ul{display:flex}nav .container ul li{color:var(--textColr);padding:.5rem 1rem}nav .container ul li a{color:var(--textColr);cursor:pointer;position:relative;text-decoration:none;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}.logo .p:first-letter,nav #phone{color:var(--SpanColr)}nav #phone{font-size:large;font-weight:900;padding-left:20px}nav #phoneList{align-items:center;border-left:1px solid var(--SpanColr);display:flex}.container ul li a:after{background-color:var(--SpanColr);bottom:-10px;content:"";height:2px;position:absolute;right:0;transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;width:0}.container ul li:hover a:after{left:0;width:100%}.bars{cursor:pointer;display:none;height:25px;padding:0;transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;width:50px}.bars span{background-color:var(--SpanColr);display:block;height:3px;margin:7px 0;width:80%}.mobelLink{background-color:var(--bg-color);display:flex;flex-direction:column;position:absolute;top:70px;transition:.4;-webkit-transition:.4;-moz-transition:.4;-ms-transition:.4;-o-transition:.4}.mobelLink #phoneList{border:none}.mobelLink a{padding:0}.mobelLink li{background-color:var(--bg-color);border-bottom:1px solid var(--SpanColr);color:var(--textColr);cursor:pointer;margin:10px 5px;padding:15px 20px;transform:translateX(-200%);transition:.5s;z-index:999}.mobelLink a{color:var(--textColr);font-size:20px;position:relative;text-decoration:none}.mobelLink a:hover{color:var(--SpanColr)}.mobelLink li:first-child{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}.mobelLink li:nth-child(2){transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s}.mobelLink li:nth-child(3){transition:1S;-webkit-transition:1S;-moz-transition:1S;-ms-transition:1S;-o-transition:1S}.mobelLink li:nth-child(4){transition:1.2s;-webkit-transition:1.2s;-moz-transition:1.2s;-ms-transition:1.2s;-o-transition:1.2s}.mobelLink li:nth-child(5){transition:1.4s;-webkit-transition:1.4s;-moz-transition:1.4s;-ms-transition:1.4s;-o-transition:1.4s}.mobelLink li:nth-child(6){transition:1.5s;-webkit-transition:1.5s;-moz-transition:1.5s;-ms-transition:1.5s;-o-transition:1.5s}.mobelLink li:nth-child(7){transition:1.7;-webkit-transition:1.7;-moz-transition:1.7;-ms-transition:1.7;-o-transition:1.7}@media (max-width:1240px){nav .container{width:100%}nav .container ul{display:none}nav .container .bars{display:block;padding-right:1rem}}@media screen and (max-width:1150px){#title p{display:none}#title{font-size:1.6rem!important}}@media screen and (max-width:750px){#section1 div{width:100%}#section1 p{padding:0 1rem}#section1 h1{padding-left:20px;text-align:start}#section1 h1,#section1 h1 span{font-size:2rem!important}}@media screen and (max-width:500px){nav .container{padding:5px!important}#section1 div{margin:auto!important;width:90%!important}#section1 #social{display:flex!important}#section1 h1{padding-left:0!important;text-align:start}#section1 h1,#section1 h1 span{font-size:1.1rem!important}nav .logo .p{font-size:1.5rem!important}}@media screen and (max-width:1300px){#section2 .container{width:100%!important}button{width:50%!important}}@media screen and (max-width:950px){.barsspan{margin:7px auto}#section3 .container{flex-direction:column;justify-content:center;width:100%!important}#skills{flex-direction:column!important}#skills #imgeSkills{display:none!important}#container div{width:100%!important}#contactMe #container{width:95%!important}#contactMe form{margin:auto;width:80%!important}}@media screen and (max-width:900px){#section6 #container{flex-wrap:wrap!important;justify-content:center!important;width:100%!important}#section6 #container #project{width:80%!important}#aboutImge,#aboutText{width:100%!important}#aboutText li{justify-content:space-between!important}}@media screen and (min-width:501px) and (max-width:949px){#skills #skillTitle,#skills #skillsProgress{margin:15px auto;width:80%!important}#section3 #service{height:auto!important;width:70%!important}}@media screen and (max-width:500px){#section6 #container div{width:100!important}#section3 .container{flex-direction:column;justify-content:center;margin:auto;width:90%!important}#section3 #service{height:auto!important;width:100%!important}#skills #skillTitle,#skills #skillsProgress{padding:5px!important;width:100%!important}#skills #imgeSkills{display:none!important}#section6 #container #project{width:100%!important}#aboutText{padding-left:5px!important}#aboutText li{flex-direction:column}#aboutText li,#contactInvo #infoIcon{gap:0!important;text-align:center!important}#contactInvo #infoIcon{flex-direction:column!important}#infoIcon h3{display:none}#infoIcon p{font-size:.7rem}#contactMe #container{width:95%!important}#contactMe form{width:100%!important}#footer{text-align:center}}@media screen and (max-width:1560px){nav .container{margin:0;padding:.5rem 1rem;width:100%}nav .container li{padding-left:.5rem}}#section1{background:url(/static/media/bg-main.1a9fff6b28e969cf8d51.jpg) no-repeat 50%;color:var(--textColr);margin-top:70px;min-height:calc(100vh - 70px);position:relative;width:100%;z-index:11}#section1:after{background-color:#060606ba;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}#section1 canvas{width:100%!important}#section1 div{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:60%}#section1 div #social{display:flex;gap:15px;justify-content:center;padding-top:40px}#section1 .imge{border:10px dotted var(--SpanColr);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;height:225px;max-width:250px;width:200px}#section1 div h1{color:#fff;font-size:50px;font-weight:700;margin:5px 0;width:70%}#section1 div span{color:var(--SpanColr);font-size:50px;font-weight:700;letter-spacing:2px;padding:0 .5rem}#section1 #social li a{align-items:center;border:1px solid #0000;border-radius:50%;color:var(--SpanColr);display:flex;padding:4px;transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s}#social li:hover svg{color:var(--textColr)}#social li a svg{cursor:pointer;font-size:35px}#typed{position:relative}#typed:after{animation:typed 4s linear .5s infinite;-webkit-animation:typed 4s linear .5s infinite;border-right:4px solid var(--SpanColr);bottom:0;content:"";height:100%;left:10px;padding-right:.5rem;position:absolute;width:auto}@keyframes typed{10%{border-color:#0000;content:"m"}20%{border-color:var(--SpanColr);content:"mu"}30%{border-color:#0000;content:"muh"}40%{border-color:var(--SpanColr);content:"muha"}50%{border-color:#0000;content:"muham"}60%{border-color:var(--SpanColr);content:"muhamm"}70%{border-color:#0000;content:"muhamme"}80%{border-color:var(--SpanColr);content:"muhammed"}}#section3{background-color:var(--bg-color);overflow-x:hidden;padding-top:50px}#section3 #title2{color:var(--SpanColr);font-size:30px;font-weight:700;letter-spacing:1px;padding:20px;text-align:center}#title2:after{background-color:var(--SpanColr);bottom:-30%;content:"";height:2px;left:-10%;position:relative;width:10%}#section3 .container{text-wrap:wrap;flex-wrap:wrap;font-size:20px;gap:20px 5px;text-align:center}#section3 #service{background-color:var(--bg-2);border:.5px solid var(--parColor);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;cursor:pointer;margin:.5rem auto;min-height:400px;overflow:hidden;padding:.5rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;width:30%}#section3 #service h3{color:var(--SpanColr)}#section3 #service p{color:var(--parColor);padding:5px}#section3 #service #icon{border:1px solid var(--textColr);border-radius:15%;-webkit-border-radius:15%;-moz-border-radius:15%;-ms-border-radius:15%;-o-border-radius:15%;color:var(--textColr);font-size:120px;margin:20px;opacity:.5;padding:20px;transition:.4s}#service:hover#service #icon{border-color:var(--SpanColr);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;color:var(--SpanColr);opacity:1}#service:hover{border-color:var(--SpanColr)!important;border-radius:20%!important;-webkit-border-radius:20%!important;-moz-border-radius:20%!important;-ms-border-radius:20%!important;-o-border-radius:20%!important;box-shadow:0 0 14px var(--SpanColr)!important}#title{color:var(--bg-color);font-size:4rem;font-weight:900;padding:.5rem 1rem;position:relative;text-align:center;text-transform:uppercase;width:100%}#title p{border-bottom:3px solid var(--SpanColr);color:var(--SpanColr);font-size:2.2rem;font-weight:300;left:50%;padding-bottom:.8rem;position:absolute;top:20%;transform:translate(-50%,-30%);-webkit-transform:translate(-50%,-30%);-moz-transform:translate(-50%,-30%);-ms-transform:translate(-50%,-30%);-o-transform:translate(-50%,-30%)}#section4{background-color:var(--bg-2);color:var(--textColr);height:auto;overflow-x:hidden}#section4 #imgeSkills{display:flex;flex-wrap:wrap;gap:15px;margin:0 auto;padding-top:40px}#section4 #imgeSkills svg{border:1px solid var(--textColr);border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;color:var(--SpanColr);margin:20px;padding:15px;transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s}#section4 #imgeSkills img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;height:150px;width:150px}#section4 #imgeSkills div{margin:0!important}#imgeSkills svg:hover{border-color:var(--SpanColr);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;color:var(--SpanColr)}#section4 #skills{align-items:center;display:flex;flex-wrap:wrap;padding-bottom:2rem;width:100%;& #skillTitle{padding-top:50px;width:50%}& #skillsProgress{padding:0 50px;width:50%}& h2{margin:10px 0}& p{color:var(--parColor)}}#progresses{margin:2rem 0;width:100%}#progresses h4{font-size:25px;margin:20px 0}#progresses #progess{background-color:var(--parColor);height:5px;width:100%}#progresses #livel,#progresses #progess{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}#progresses #livel{background-color:var(--SpanColr);height:100%;position:relative;transition:5s ease;-webkit-transition:5s ease;-moz-transition:5s ease;-ms-transition:5s ease;-o-transition:5s ease}#progresses span{color:var(--SpanColr);position:absolute;right:-25px;top:-25px}#section6{background-color:var(--bg-2);color:#fff;#container{display:flex;flex-wrap:wrap;margin:auto;padding:2rem 0;width:80%;div{height:250px;margin:1rem auto;width:30%}#project{border:1px solid var(--SpanColr)!important;border-radius:20px;margin:10px auto;overflow:hidden;padding:10px;position:relative;width:100%;& video{height:100%;transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;width:100%}}}}#project span{align-items:center;background-color:#060214a1;border-radius:20px;bottom:0;color:var(--SpanColr);display:flex;font-size:20px;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;text-align:center;transition:height 1.5s,opacity 1s;width:100%}#project:hover span{height:0;opacity:0}#project:hover video{transform:rotate(0deg) scale(1)!important;-webkit-transform:rotate(0deg) scale(1)!important;-moz-transform:rotate(0deg) scale(1)!important;-ms-transform:rotate(0deg) scale(1)!important;-o-transform:rotate(0deg) scale(1)!important}#project img{height:100%;width:100%}#project a{background-color:var(--SpanColr);border-radius:10px;bottom:15px;color:var(--bg-2);font-weight:700;left:50%;padding:10px;position:absolute;text-decoration:none;transform:translateX(-50%)}#contactMe #container{display:flex;flex-wrap:wrap;margin:10px auto;padding-top:50px;width:80%}#contactMe form{color:var(--textColr);padding:20px;width:50%}#contactMe #name{height:70px;margin:2rem 0;position:relative}form label{border:0 solid var(--SpanColr);border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;color:var(--parColor);left:20px;padding:5px;position:absolute;top:0;transform:translateY(50%);-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;z-index:-1}form textarea{max-height:165px;min-height:125px;resize:vertical}form input,textarea{background-color:initial;border:1px solid var(--SpanColr);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;color:var(--textColr);height:100%;outline:none;padding:15px;width:80%}#contactMe #send{align-items:center;background-color:var(--SpanColr);border:none;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;color:#000;cursor:pointer;display:flex;height:50px;justify-content:center;margin-top:100px;padding:5px 10px;width:10rem}#contactMe #contactInvo{color:var(--textColr);padding:20px;text-decoration:none;width:50%}#contactMe #infoIcon{align-items:center;color:var(--parColor);display:flex;gap:10px;margin:2rem 0}#contactMe #infoIcon a{color:var(--parColor);text-decoration:none}#contactMe #infoIcon h3,#infoIcon svg{color:var(--SpanColr)}#infoIcon svg{border:1px solid #0000;border-radius:50%!important;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;font-size:50px;padding:5px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}#infoIcon div{margin:1rem}#contactInvo #infoIcon svg:hover{border-color:var(--SpanColr)!important}#contactMe form input:focus~label,#contactMe form input:valid~label,#contactMe form textarea:focus~label,#contactMe form textarea:valid~label{background-color:var(--bg-2);border-width:1px!important;top:-50%!important;z-index:2!important}#footer{align-items:center;background-color:#b9aa9f;color:var(--bg-color);display:flex;height:50px;justify-content:center;padding:20px 0;width:100%}
/*# sourceMappingURL=main.08072e3f.css.map*/