@import url(https://fonts.googleapis.com/css2?family=MuseoModerno:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#010110;background-image:repeating-linear-gradient(120deg,#0004823b,#0004823b 1px,#0000 0,#0000 30px),repeating-linear-gradient(60deg,#0004823b,#0004823b 1px,#0000 0,#0000 30px),repeating-linear-gradient(0deg,#0004823b,#0004823b 1px,#0000 0,#0000 30px);background-size:104px 120px;color:#8dc0db;font-family:MuseoModerno;font-size:1em;margin:0;&:before{background-image:linear-gradient(90deg,#000482,#002efe);border-radius:50% 50% 0 0;content:"";filter:blur(250px);height:400px;left:calc(50% - 200px);pointer-events:none;position:fixed;top:-200px;width:400px;z-index:-1}}main{margin:auto}header,main{max-width:100%;width:1300px}header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;display:flex;height:60px;justify-content:space-between;left:50%;padding:0 20px;position:fixed;top:0;transform:translateX(-50%);z-index:100;& img{width:50px}& .logo,nav{align-items:center;display:flex;gap:30px;& span{cursor:pointer}& .active{color:#8dc0db;text-shadow:0 0 5px #7a43b6}}& .icon-bar{display:none;width:30px}}section{box-sizing:border-box;margin:auto;padding:50px;width:min(1300px,100%);&.home{grid-gap:50px;align-items:center;direction:rtl;display:grid;gap:50px;grid-template-columns:repeat(2,1fr);justify-content:space-between;padding-top:100px;& .content{font-family:MuseoModerno,Arial Narrow,Arial,sans-serif;text-align:left;& .name{font-size:7em;font-weight:700;line-height:1em;& span{-webkit-text-fill-color:#0000;animation:gradientAnimation 5s linear infinite;background:#00e1ff;background:radial-gradient(circle,#00e1ff 0,#112eed 50%,#53ede5 100%);background-clip:text;-webkit-background-clip:text;background-size:150% auto;letter-spacing:-10px}}& .des{border-left:.1em solid blue;margin:30px 0;padding-left:2em}& .des,& a{color:#8dc0db}& a{border:1px solid #8dc0db;border-radius:34px;display:block;font-size:1em;font-weight:700;margin-top:30px;padding:20px 30px;text-decoration:none;width:max-content}}& .avatar{text-align:center;z-index:-1;& .card{box-shadow:0 100px 150px #1433fe;box-shadow:0 100px 150px #09166e;display:inline-flex;filter:blur(0);flex-direction:column;opacity:1;transform:perspective(800px) rotateY(-15deg) translateY(-50px) rotateX(10deg) scale(1);width:min(100%,430px);& img{clip-path:polygon(81% 0,100% 18%,100% 100%,0 100%,0 0);height:min(700px,50vh);object-fit:cover;object-position:top;width:100%}& .info{grid-gap:20px;background-color:#0511376c;color:#8dc0db;display:grid;font-size:1.2em;gap:20px;grid-template-columns:repeat(2,1fr);padding:20px;text-align:center;& div:nth-child(-n+3){font-weight:700}}}}}&.skills{& .title{font-family:MuseoModerno,Arial Narrow,Arial,sans-serif;font-size:3em}& .des,& .title{text-align:center}& .des{color:#78a6bf;margin:auto;max-width:500px}& .list{grid-gap:3vw;display:grid;gap:3vw;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:space-between;margin-top:50px;position:relative;&:before{background-image:linear-gradient(-45deg,#00048200,#000482);background-size:200% auto;content:"";filter:blur(250px);height:70%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%;z-index:-1}& .item,&:before{border-radius:21px}& .item{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#000b3470;padding:20px;text-align:center;& svg{background-color:#01082d;border-radius:100%;font-size:34px;padding:10px}& .des{font-size:small;text-align:left;width:100%}}}}&.projects{& .title{font-family:MuseoModerno,Arial Narrow,Arial,sans-serif;font-size:3em;font-weight:5vw}& .des,& .title{text-align:center}& .des{color:#8dc0db;margin:auto;max-width:500px}& .list{margin-top:50px;& .item{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);justify-content:space-between;margin-bottom:34px;& .images{background-image:linear-gradient(45deg,#00048200,rgba(0,47,254,.593));border-radius:21px;filter:blur(0);opacity:1;overflow:hidden;padding:20px;text-align:center;transform:perspective(1800px) rotateY(-15deg) translateY(0) rotateX(10deg) scale(1);& img{border-radius:8px;box-shadow:0 20px 40px #010824;height:400px}}& .content{padding:34px;& h3{font-size:1.5em;margin:0}& .des{text-align:left;width:100%}& .mission{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:70px 1fr;margin-top:10px;& div:first-child svg{background-color:#01082d;border-radius:100%;font-size:20px;padding:20px}}}&:nth-child(2n){& .images{grid-column-start:2;grid-row-start:1}& .content{grid-column-start:1;grid-row-start:1}}}}}&.contacts{padding-bottom:220px;& .title{font-family:MuseoModerno,Arial Narrow,Arial,sans-serif;font-size:5vw}& .des,& .title{text-align:center}& .des{color:#8dc0db;margin:auto;max-width:500px}& .list{text-align:center;& .item{margin-top:50px}}}}@keyframes gradientAnimation{to{background-position:200%}}.animation{filter:blur(20px);opacity:0;transform:translateY(50px);transition:.5s;&.active{filter:blur(0);opacity:1;transform:translateY(0)}}.icon-bar{display:none}@media screen and (max-width:767px){section{padding:20px;&.home{grid-template-columns:1fr;&.home{grid-template-columns:1fr;& .content{& .name{font-size:3em;& span{letter-spacing:-3px}}& a{font-size:small;margin:auto}}& .avatar{grid-row-start:1;text-align:center}}}&.skills{padding-top:50px;& .list{grid-template-columns:1fr}}&.projects{padding-top:50px;& .list{& .item{grid-template-columns:1fr;& .content{font-size:1.2em}&:nth-child(2n){& .content,.images{grid-column-end:auto;grid-column-start:auto;grid-row-start:auto}}}}}&.contacts{padding-top:50px}}header{& .icon-bar{display:block}nav{background:#020024;background:linear-gradient(22deg,#020024d9,#020024d9 35%,#040453f2);box-sizing:border-box;color:blue;flex-direction:column;height:100vh;inset:0 auto 0 0;left:-100%;padding:50px;position:fixed;transition:.5s;width:80%;&.active{left:0}}}}
/*# sourceMappingURL=main.d3fb31e6.css.map*/