@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap);.navbar{align-items:flex-end;color:#fff;direction:rtl;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:30px;z-index:100}.logo{height:75px;position:relative;right:-15px;width:75px}.logo img{height:100%;width:100%}.navbar ul{display:flex;flex-direction:column}.navbar ul li{cursor:pointer;margin:50px 0;position:relative}.navbar ul li:after{background:#fff;content:"";height:80px;position:absolute;right:-11px;top:29px;width:2px}.navbar ul li:last-child:after{height:auto}.navbar ul a{color:#fff}.navbar ul li.active,.navbar ul li.active a,.navbar ul li:hover,.navbar ul li:hover a{color:#d000db}@media (max-width:622px){.navbar{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px 10px rgba(0,0,0,.239);direction:ltr;display:flex;flex-direction:row;gap:20px;height:80px;justify-content:space-between;left:0;padding:30px;position:fixed;top:0;width:100%}.logo{height:60px;left:0;right:auto;width:60px}.navbar ul{display:flex;flex:1 1;flex-direction:row;justify-content:space-between;list-style:none}.navbar ul li{font-size:17px;margin:0}.navbar ul li:after{height:auto}}.glassy{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:hsla(0,0%,52%,.337);border-radius:10px;color:#fff;height:90vh;line-height:28px;overflow:hidden;padding:4em 3em;position:relative;width:100%;z-index:30}span.style{background:rgba(46,159,251,.753);border-radius:50%;display:inline-block;-webkit-filter:blur(60px);filter:blur(60px);height:170px;position:absolute;width:170px;z-index:-1}span.style:first-child{background:#ff0073;left:-10px;top:16px}span.style:nth-child(2){background:rgba(0,51,255,.655);left:30px;top:-15px}span.style:nth-child(3){background:rgba(106,233,253,.595)}.glassy p{font-size:1.09em}.coll-actian{display:flex;flex-direction:row;gap:15px;margin:40px 0}.coll-actian a{border-radius:7px;color:#fff;overflow:hidden;padding:10px;position:relative;text-align:center;width:180px;z-index:2}.coll-actian a:nth-child(2){border:1px solid hsla(0,0%,100%,.539)}.coll-actian a:nth-child(2):hover{background:#fff;border:1px solid transparent;color:#000}.coll-actian a span{transition:all .5s linear}.coll-actian a:hover span.style:first-child{-webkit-filter:blur(30px);filter:blur(30px);left:-19px;top:-30px}.coll-actian a:hover span.style:nth-child(2){left:10px;top:10px}.coll-actian a:hover span.style:nth-child(3){left:40px;top:0}.links{display:flex;gap:20px}.links a{color:hsla(0,0%,100%,.663);font-size:1.4em}.links a:hover{color:#fff}.decor{bottom:90px;position:absolute;right:200px}@media (max-width:622px){.glassy{height:auto}}.pro-contianer{position:relative}.pro{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(90deg,hsla(0,0%,52%,.337),rgba(92,92,92,.4));color:#fff;line-height:28px;padding:60px;position:relative;z-index:5}.pro,.vid{border-radius:10px;overflow:hidden}.vid{cursor:pointer;height:90%;opacity:1;position:absolute;right:-40px;top:-100px;transition:all 1s ease-in-out;width:70%;z-index:4}.vid video{height:100%;object-fit:cover;width:100%}.vid:hover{-webkit-transform:scale(1.2);transform:scale(1.2);z-index:7}.case-st{border-radius:10px;cursor:pointer;display:block;height:200px;left:-100px;overflow:hidden;position:absolute;top:-20px;transition:all 1s ease-in-out;width:250px;z-index:1}.case-st:hover{scale:2.2;z-index:7}.case-st img{height:100%;object-fit:cover;width:100%}.left-pro .vid{left:-40px;right:inherit}.left-pro .case-st{left:inherit;right:-100px}@media (max-width:900px){.vid{display:none}.pro{padding-top:300px}.case-st,.left-pro .case-st{height:350px;left:50%;right:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:450px;z-index:7}.case-st:hover{scale:1}}@media (max-width:622px){.pro-contianer{display:flex;justify-content:center}.pro{padding-top:250px}.case-st,.left-pro .case-st{height:40%;width:90%}}.skills{align-items:center;display:flex;grid-column:2/11;height:700px;margin:4em 0;padding:20px;position:relative;z-index:9}.skills .pro{position:absolute}.skills .pro:first-child{display:flex;gap:50px;width:100%}.skills .pro:nth-child(2){box-shadow:0 0 10px 10px rgba(0,0,0,.239);padding-top:90px;right:50px}.skills .pro:nth-child(3){box-shadow:0 0 10px 10px rgba(0,0,0,.239);left:65px;padding:33px;top:98px}@media (max-width:900px){.skills{flex-direction:column}.skills .pro:nth-child(3){left:inherit;top:-80px;width:90%}.skills .pro:first-child{align-items:center;display:flex;justify-content:center;padding:90px}.skills .pro:nth-child(2){bottom:50px;padding-top:40px;right:inherit;width:90%}}#contact{align-items:center;flex-direction:column;justify-content:center}#contact>.pro{padding:4em 3em;position:relative;width:80%}#contact form{color:#fff;display:flex;flex-direction:column;width:100%}#contact form input,#contact form textarea{background:linear-gradient(90deg,hsla(0,0%,100%,.3),hsla(0,0%,58%,.3));border:none;border-radius:10px;height:30px;margin:10px 0;padding:30px;width:100%}#contact form textarea{height:inherit}#contact .btn{background:transparent;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2em;margin-top:30px;overflow:hidden;padding:15px;position:relative;text-align:center;width:150px}#contact .btn span{transition:all .5s linear}#contact .btn:hover span.style:first-child{-webkit-filter:blur(30px);filter:blur(30px);left:-19px;top:-30px}#contact .btn:hover span.style:nth-child(2){left:10px;top:10px}#contact .btn:hover span.style:nth-child(3){left:40px;top:0}.contact-links{position:relative;top:-20px;z-index:inherit}.contact-links .pro{box-shadow:0 0 20px #00000053;margin:10px;padding:25px}.contact-links a{font-size:1.2em}@media (max-width:622px){#contact>.pro{padding:2em 2em 80px;position:relative;width:100%}#contact form input{height:20px}}.copy-right{grid-column:1/12;padding:10px;text-align:center}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}canvas{left:0;position:fixed;top:0;z-index:-1}a{font-size:1.1em;text-decoration:none}html{scroll-behavior:smooth}body{color:#fff;font-family:Roboto,sans-serif;overflow-x:hidden}main{display:grid;grid-template-columns:repeat(12,1fr);position:absolute;width:100%}header{grid-column:2/5;margin-bottom:25px}h1,h2,h3,h4,p{color:#fff;z-index:10}h1{padding:.4em 0}h1,h1 span{font-size:1.7em}h1 span{font-family:Dancing Script}h2{font-size:1.6em;margin-bottom:.9em}h4{font-size:1.2em;font-weight:400}h3{font-size:1.4em;margin-bottom:40px}p{font-size:1.3rem}section{align-items:center;display:flex;grid-column:2/8;height:100vh;margin-bottom:140px;padding:15px;width:100%;z-index:9}section.tow{grid-column:6/12;width:100%}@media (max-width:900px){section,section.tow{display:block;grid-column:2/11}}@media (max-width:622px){body{font-size:14px;overflow-x:hidden;padding-top:70px}section,section.tow{grid-column:1/12;height:auto;margin:60px 0}}
/*# sourceMappingURL=main.c054cd51.css.map*/