@import url(https://fonts.googleapis.com/css2?family=MuseoModerno:wght@200;500;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=MuseoModerno:wght@200;500;700&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}:root{--myFont:"MuseoModerno",system-ui}body{background-color:#010824;background-image:repeating-linear-gradient(90deg,#0000 0 49px,#eee1 49px 50px),repeating-linear-gradient(180deg,#0000 0 49px,#eee1 49px 50px);color:#eee;font-family:Poppins;font-size:15px;margin:0;min-height:100vh;&:before{background-image:linear-gradient(90deg,#d02e23,#7a43b6);border-radius:50% 50% 0 0;content:"";filter:blur(150px);height:400px;left:calc(50% - 200px);pointer-events:none;position:fixed;top:-200px;width:400px;z-index:-1}}main{margin:auto;width:min(1300px,100%)}header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-left-radius:40px;border-bottom-right-radius:40px;border-color:#6078ff60 #6078ff60 #6078ff #6078ff;border-style:solid;border-top-left-radius:40px;border-top-right-radius:40px;border-width:1px;display:flex;height:60px;justify-content:space-between;left:50%;padding:0 10px;position:fixed;top:4px;transform:translateX(-50%);z-index:100;& img{border-radius:100%;width:50px}& .logo,nav{display:flex;gap:30px;& span{cursor:pointer;position:relative;&.active{color:#6078ff;&:hover{text-shadow:0 0 5px #6078ff}}&:hover{text-shadow:0 0 5px #fff}&:before{background-color:#6078ff;bottom:-2px;content:"";display:block;height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:center;transition:transform .3s ease;width:100%}&:hover:before{transform:scaleX(1)}}}}header,section{box-sizing:border-box;width:min(1300px,100%)}section{margin:auto;padding:50px;&.home{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:repeat(2,1fr);justify-content:space-between;padding-top:150px;& .content{font-family:MuseoModerno,system-ui;font-family:var(--myFont);& .name{font-size:7em;font-weight:700;line-height:1em;& span{-webkit-text-fill-color:#0000;animation:gradientAnimation 5s linear infinite;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#7be728,#f3265f,#7f40ac,#7be728);background-size:200% auto}}& .des{border-left:.7em solid #6078ff;color:#eee5;margin:30px 0;padding-left:2em}& a.buttonLink{border:1px solid #6078ff;border-radius:40px;color:#eee;display:block;font-size:large;font-weight:700;margin-top:30px;padding:20px 30px;text-decoration:none;transition:.5s;width:-webkit-max-content;width:max-content;&:hover{box-shadow:5px 10px 10px #6078ff90}}& a.normalLink{color:#eee;text-decoration:none}}& .avatar{text-align:right;& .card{box-shadow:0 150px 150px #6078ff40;display:inline-flex;flex-direction:column;transition:.5s;width:min(100%,400px);&:hover{box-shadow:0 150px 150px #6078ff90}& img{-webkit-clip-path:polygon(81% 0,100% 18%,100% 100%,0 100%,0 0);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:#eee;color:#010824;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,system-ui;font-family:var(--myFont);font-size:7em}& .des,& .title{text-align:center}& .des{color:#eee5;margin:auto;max-width:500px}& .list{grid-gap:3vw;display:grid;gap:3vw;grid-template-columns:repeat(auto-fill,300px);justify-content:space-between;margin-top:50px;position:relative;&:before{animation:gradientAnimation45 10s linear infinite;background-image:linear-gradient(-45deg,red,#6078ff);background-size:200% auto;content:"";height:70%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%;z-index:-1}& .item,&:before{border-radius:20px}& .item{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#01082488;padding:20px;& svg{background-color:#eee2;border-radius:10px;font-size:30px;padding:10px}& .des{font-size:small;text-align:left;width:100%}}}}&.projects{& .title{font-family:MuseoModerno,system-ui;font-family:var(--myFont);font-size:7em;margin-top:0}& .des,& .title{text-align:center}& .des{color:#eee5;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:20px;& .images{animation:gradientAnimation45 10s linear infinite;background-image:linear-gradient(-45deg,#6078ff,#be24a9);background-size:200% auto;border-radius:20px;overflow:hidden;padding:45px;text-align:center;& img{border-radius:20px;height:auto;transition:.5s;width:100%;&:hover{scale:1.15}}}& .content{& h3{font-size:3em;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:#eee3;border-radius:10px;font-size:30px;padding:20px}}}&:nth-child(2n){& .images{grid-column-start:2}& .content{grid-column-start:1;grid-row-start:1}}}}}&.contacts{padding-bottom:120px;& .title{font-family:MuseoModerno,system-ui;font-family:var(--myFont);font-size:7em}& .des,& .title{text-align:center}& .des{color:#eee5;margin:auto;max-width:500px}& .list{text-align:center;& .item{margin-top:50px;& .contactLink{& a{color:#6078ff;text-decoration:none}}}}}}.animation{filter:blur(20px);opacity:0;transform:translateY(50px);transition:.5s;&.active{filter:blur(0);opacity:1;transform:translateY(0)}}.icon-bar{display:None}@keyframes gradientAnimation{to{background-position:200%}}@keyframes gradientAnimation45{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media screen and (max-width:767px){section{padding:20px;&.home{grid-template-columns:1fr;padding-top:70px;& .content{& .name{font-size:3em}& a{font-size:small;margin:auto}}& .avatar{grid-row-start:1}}&.skills{& .title{font-size:3em}& .list{grid-template-columns:1fr}}&.projects{& .title{font-size:3em}& .list{& .item{grid-template-columns:1fr;& .content{& h3{font-size:1.2em}}&:nth-child(2n){& .content,.images{grid-column-end:auto;grid-column-start:auto;grid-row-start:auto}}}}}&.contacts{& .title{font-size:3em}}}header{& .icon-bar{display:block;padding-right:1em}nav{background-color:#eee;box-sizing:border-box;color:#010824;flex-direction:column;height:100vh;inset:0 auto 0 0;left:-100%;padding:50px;position:fixed;transition:.5s;width:80%;&.active{left:0}}}}@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5){section{&.skills{& .list{display:grid;grid-template-columns:repeat(auto-fill,400px);justify-content:space-between}}}}
/*# sourceMappingURL=main.dbc7f331.css.map*/