@charset "UTF-8";body,h1,h2,h3,h4,h5,h6,blockquote,p,pre,dl,dd,ol,ul,figure,hr,fieldset,legend{list-style-type:none;margin:0;padding:0;font-weight:400}li>ol,li>ul{margin-bottom:0}table{border-collapse:collapse;border-spacing:0}fieldset{min-width:0;border:0}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li,figcaption{text-wrap:pretty}header,footer,main,section,article{container-type:inline-size}:root{--teal: #11ffc3;--hot-pink: rgba(253, 0, 249,1);--dark-gray: rgba(26, 26, 26,1);--80-linear-rotate: linear-gradient(var(--angle),var(--teal), var(--hot-pink));--80-linear-shine: linear-gradient(to right,var(--teal), var(--hot-pink))}html body *,html body *:before,html body *:after{transition:all .25s linear}@property --angle{syntax: "<angle>"; initial-value: 45deg; inherits: false;}@keyframes rotate{0%{--angle: 45deg}to{--angle: 405deg}}.animation{transform:translateY(50px);filter:blur(20px);opacity:0;transition:.5s}.animation.active{transform:translateY(0);filter:blur(0px);opacity:1}body{margin:0;font-family:Poppins,system-ui,sans-serif;background-color:#6a5acd;color:#eee;font-size:16px;line-height:1.8;min-height:100vh;background-image:linear-gradient(to right,transparent 0 49px,rgba(238,238,238,.0666666667) 49px),linear-gradient(to bottom,transparent 0 49px,rgba(238,238,238,.0666666667) 49px);background-size:50px 50px;text-wrap:pretty}body:before{position:fixed;width:400px;height:400px;content:"";background-image:linear-gradient(to right,#0ff,#7a43b6);top:-200px;left:calc(50% - 200px);border-radius:50% 50% 0% 0%;pointer-events:none;filter:blur(250px)}main{width:min(1300px,100%);margin:auto}section{width:min(1300px,100%);width:1300px;max-width:100%;margin:auto;padding:50px;box-sizing:border-box;top:0}section .title{text-align:center;font-size:5vw;font-family:MuseoModerno,system-ui,serif;line-height:1.1;margin-bottom:24px}section .title:hover{color:#11ffc3}section .description{color:#eeeeee54;text-align:justify;text-wrap:pretty;max-width:600px;margin:auto}section .description:hover{color:#eeeeeebf}@media screen and (max-width: 1023px){section{padding:20px}}header{position:fixed;width:1300px;max-width:100%;height:60px;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}header img{width:50px}header .logo{font-size:40px;font-weight:700;background-size:200% auto;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:var(--80-linear-rotate);animation:20s rotate linear infinite}header nav{display:flex;align-items:center;gap:16px}header nav button{position:relative;font-family:MuseoModerno;font-size:18px;font-weight:200;color:#eee;cursor:pointer;border-radius:8px;padding:10px 16px;background-color:transparent;border:1px solid transparent;transition:all .25s linear}header nav button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;padding:1px;background:transparent;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;animation:10s rotate linear infinite}header nav button:hover{color:#11ffc3;cursor:pointer}header nav button:hover:before{background:#11ffc3}header nav button.btn--active{color:#11ffc3}header nav button.btn--active:before{background:linear-gradient(var(--angle),#11ffc3,#fd00f9)}header .icon-bar{width:45px;display:none;background:transparent;color:#fff;border:0;font-size:36px;cursor:pointer}@media screen and (max-width: 767px){header nav{width:80%;height:100vh;position:fixed;flex-direction:column;justify-content:start;align-items:start;inset:0 auto 0 0;background-color:#eee;color:#0f1225;padding:50px;box-sizing:border-box;font-weight:700;left:-100%;transition:.5s}header nav button{color:#0f1225;border:none;background:transparent;font-size:24px;cursor:pointer}header nav button:hover{color:var(--teal);background:transparent;border:none;transition:all .25s ease-in}header nav button:hover:before{background:transparent}header nav button.btn--active{color:#6a5acd;text-shadow:none;border:none;background:transparent;transition:all .5s ease-in}header nav.nav--expanded{left:0}header .icon-bar{display:block}}section#home{padding-top:150px;display:grid;grid-template-columns:repeat(2,1fr);gap:50px;justify-content:space-between;align-items:center}section#home .content{font-family:MuseoModerno,system-ui}section#home .content .name{font-size:92px;font-weight:700;line-height:1em}section#home .content .name span{font-size:112px;background-image:var(--80-linear-shine);background-size:200% auto;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;animation:shine 5s linear infinite}section#home .content .des{color:#eee5;margin:30px 0;border-color:#e945e3;border-image:linear-gradient(#e945e3) 1;border-width:0 0 0 .7em;border-style:solid;padding-left:2em;text-wrap:pretty}section#home .content .des:hover{color:#eee;animation:5s rotate linear infinite;border-image:linear-gradient(var(--angle),#11ffc3,#fd00f9) 1}section#home .content a.btn-download{position:relative;display:block;font-size:large;color:#eee;font-weight:700;text-decoration:none;background-color:transparent;width:max-content;padding:20px 30px;border-radius:40px;animation:20s rotate linear infinite;transition:all .5s linear color .25 linear;cursor:pointer;z-index:1}section#home .content a.btn-download:hover{color:#11ffc3}section#home .content a.btn-download:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:40px;padding:1.2px;background:linear-gradient(#eee,#eee);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;animation:10s rotate linear infinite;transition:all 1s linear}section#home .content a.btn-download:hover:before{background:linear-gradient(var(--angle),#11ffc3,#fd00f9)}section#home .home-profile-img-wrapper{display:flex;order:2;position:relative;justify-content:right}section#home .home-profile-img-wrapper .home-profile-img-mask{display:inline-flex;flex-direction:column;width:min(100%,400px);box-shadow:0 150px 150px #11ffc333;transition:.5s}section#home .home-profile-img-wrapper .home-profile-img-mask:hover{box-shadow:0 150px 150px #11ffc355}section#home .home-profile-img-wrapper img.home-profile-img{display:flex;position:relative;width:100%;object-fit:cover;object-position:top;clip-path:polygon(81% 0,100% 18%,100% 100%,0 100%,0 0)}@keyframes shine{to{background-position:200% center}}@media screen and (max-width: 1023px){section#home .content .name{font-size:4em}}@media screen and (max-width: 767px){section#home{display:flex;flex-direction:column;padding-top:70px;justify-items:center}section#home .content{order:2}section#home .content .name{font-size:48px}section#home .content a.btn-download{margin:auto;font-size:21px}section#home .home-profile-img-wrapper{order:1;justify-content:center}}@media screen and (max-width: 500px){section#home .content .name{text-align:center}section#home .content .name span{font-size:95px}section#home .home-profile-img-wrapper .home-profile-img-mask img.home-profile-img{max-height:90vh}}section#skills ul.skills-list{margin-top:50px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:space-between;gap:3vw;position:relative}section#skills ul.skills-list:before{position:absolute;content:"";width:70%;height:70%;background-image:linear-gradient(var(--angle),var(--teal),var(--hot-pink));animation:20s rotate linear infinite;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;border-radius:20px;background-size:200% auto}section#skills ul.skills-list li.skills-listItem{display:flex;flex-direction:column;gap:8px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding:20px;border-radius:20px;border:1px solid rgba(253,0,249,0);background-color:#01082488;transition:all .5s linear;transform:scale(1)}section#skills ul.skills-list li.skills-listItem:hover{background-color:#01082488;-webkit-backdrop-filter:blur(75px);backdrop-filter:blur(75px);border:1px solid lime;transform:scale(1.1)}section#skills ul.skills-list li.skills-listItem:hover svg{border:1px solid lime;transform:scale(1.1);color:#0f0}section#skills ul.skills-list li.skills-listItem h3.skills-listItem-title{font-weight:500;line-height:2}section#skills ul.skills-list li.skills-listItem svg{font-size:30px;background-color:#eee2;padding:10px;border-radius:10px;border:1px solid rgba(253,0,249,0);transition:all .5s linear;width:fit-content}section#skills ul.skills-list li.skills-listItem .skills-listItem-description{color:#fafafa80;text-align:left;width:100%;font-size:small}@media screen and (max-width: 767px){section#skills ul.skills-list{grid-template-columns:1fr}}section#projects .projects-list{margin-top:50px}section#projects .projects-list .projects-listItem{display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between;align-items:center;margin-bottom:100px;gap:20px}section#projects .projects-list .projects-listItem .image-wrapper{background-image:linear-gradient(var(--angle),var(--teal),var(--hot-pink));animation:20s rotate linear infinite;padding:40px;text-align:center;border-radius:20px;overflow:hidden}section#projects .projects-list .projects-listItem .image-wrapper:hover img{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(var(--angle),#11ffc3,#fd00f9) border-box}section#projects .projects-list .projects-listItem .image-wrapper img{height:400px;border-radius:10px;box-shadow:0 20px 40px #010824;transition:all 1s linear;animation:20s rotate linear infinite;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(#000,#000) border-box;border:1px solid transparent}section#projects .projects-list .content h3.projects-listItem-title{font-size:3em;margin:0}section#projects .projects-list .content .projects-listItem-description{text-align:left;width:100%}section#projects .projects-list .content a.project-link{color:#11ffc3;padding:8px 0;display:flex}section#projects .projects-list .content a.project-link:hover{color:#fd00f9}section#projects .projects-list .content .mission{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px;margin-top:10px}section#projects .projects-list .content .mission div:nth-child(1) svg{background-color:#eee3;padding:20px;font-size:20px;border-radius:15px}section#projects .projects-listItem:nth-child(2n) .image-wrapper{grid-column-start:2;grid-column-end:3}section#projects .projects-listItem:nth-child(2n) .content{grid-column-start:1;grid-column-end:2;grid-row-start:1}@media screen and (max-width: 767px){section#projects .projects-list .projects-listItem{grid-template-columns:1fr}section#projects .projects-list .projects-listItem .content h3.projects-listItem-title{font-size:1.2em;margin-bottom:1em}section#projects .projects-list .projects-listItem:nth-child(2n) .content,section#projects .projects-list .projects-listItem:nth-child(2n) .image-wrapper{grid-row-start:auto;grid-column-start:auto;grid-column-end:auto}}section#work .work-list{margin-top:50px}section#work .work-list .work-listItem{display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between;align-items:center;margin-bottom:100px;gap:20px}section#work .work-list .work-listItem .image-wrapper{background-image:linear-gradient(var(--angle),var(--teal),var(--hot-pink));animation:20s rotate linear infinite;padding:40px;text-align:center;border-radius:20px;overflow:hidden}section#work .work-list .work-listItem .image-wrapper:hover img{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(var(--angle),#11ffc3,#fd00f9) border-box}section#work .work-list .work-listItem .image-wrapper img{height:400px;border-radius:10px;box-shadow:0 20px 40px #010824;transition:all 1s linear;animation:20s rotate linear infinite;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(#000,#000) border-box;border:1px solid transparent}section#work .work-list .content h3.work-listItem-title{font-size:3em;margin:0}section#work .work-list .content .work-listItem-description{text-align:left;width:100%}section#work .work-list .content a.work-link{color:#11ffc3;padding:8px 0;display:flex}section#work .work-list .content a.work-link:hover{color:#fd00f9}section#work .work-list .content .mission{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px;margin-top:10px}section#work .work-list .content .mission div:nth-child(1) svg{background-color:#eee3;padding:20px;font-size:20px;border-radius:15px}section#work .work-listItem:nth-child(2n) .image-wrapper{grid-column-start:2;grid-column-end:3}section#work .work-listItem:nth-child(2n) .content{grid-column-start:1;grid-column-end:2;grid-row-start:1}@media screen and (max-width: 767px){section#work .work-list .work-listItem{grid-template-columns:1fr}section#work .work-list .work-listItem .content h3.work-listItem-title{font-size:1.2em;margin-bottom:1em}section#work .work-list .work-listItem:nth-child(2n) .content,section#work .work-list .work-listItem:nth-child(2n) .image-wrapper{grid-row-start:auto;grid-column-start:auto;grid-column-end:auto}}section#contact{padding-bottom:220px}section#contact ul.contact-list{text-align:center}section#contact ul.contact-list li.contact-listItem{margin-top:50px}section#contact ul.contact-list li.contact-listItem h3.contact-listItem-title{color:#eee5}section#contact ul.contact-list li.contact-listItem .contact-listItem-description{color:#eee5}