@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a,visited{color:#ffffff;text-decoration:none;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}a:hover,visited:hover{color:#E8DCB9}html{position:relative;height:100%;overflow-y:scroll}@-webkit-keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body{position:relative;margin:0;padding:0;font-size:18px;font-family:"Poppins", sans-serif;font-weight:600;color:#ffffff;display:block;width:auto;height:100%;line-height:1.5;background:-webkit-linear-gradient(45deg, #235775, #0D1B1E, #000, #23715c);background:-o-linear-gradient(45deg, #235775, #0D1B1E, #000, #23715c);background:linear-gradient(45deg, #235775, #0D1B1E, #000, #23715c);background-size:400% 750%;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite}.cursor{width:10px;height:10px;border:2px solid rgba(119, 152, 171, 0.8);border-radius:50%;position:absolute;z-index:1000;pointer-events:none;-webkit-transition-duration:200ms;-o-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-animation:cursor-animate 550ms infinite alternate;animation:cursor-animate 550ms infinite alternate}.cursor:after{content:"";width:20px;height:20px;border:10px solid rgba(119, 152, 171, 0.2);border-radius:50%;position:absolute;top:-15px;left:-15px;-webkit-animation:cursor-animate-2 550ms infinite alternate;animation:cursor-animate-2 550ms infinite alternate}.cursor--expand{-webkit-animation:cursor-animate-3 550ms forwards;animation:cursor-animate-3 550ms forwards;border:5px solid #F2CEE6}.cursor--expand:after{border:10px solid rgba(242, 206, 230, 0.3)}@-webkit-keyframes cursor-animate{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes cursor-animate{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.5);transform:scale(1.5)}}@-webkit-keyframes cursor-animate-2{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.3);transform:scale(0.3)}}@keyframes cursor-animate-2{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0.3);transform:scale(0.3)}}@-webkit-keyframes cursor-animate-3{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(3);transform:scale(3)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes cursor-animate-3{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(3);transform:scale(3)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}h2{font-size:2em;font-family:"Dosis", sans-serif;font-weight:700;color:#7798AB;margin-bottom:20px;letter-spacing:2px;text-transform:uppercase}h3{font-size:1.3em;font-family:"Dosis", sans-serif;font-weight:700;color:#C3DBC5;margin-bottom:20px;letter-spacing:2px;text-transform:uppercase}p{margin:1em 0;background:-webkit-radial-gradient(#7798ab, #f2cee6) fixed;background:-o-radial-gradient(#7798ab, #f2cee6) fixed;background:radial-gradient(#7798ab, #f2cee6) fixed;background:conic-gradient(#7798ab, #f2cee6, #7798ab) fixed;-webkit-background-clip:text;-webkit-text-fill-color:transparent}strong{color:#F2CEE6;font-weight:900}.btn{display:inline-block;color:#000;text-decoration:none;padding:10px 1em;background-color:#C3DBC5;margin-top:1em;font-family:"Dosis", sans-serif;font-weight:700;text-transform:uppercase;border-radius:3px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;letter-spacing:1px}.btn:hover{color:#000;background-color:#E8DCB9}.header{position:relative;width:100%;min-height:80vh;overflow:hidden}@-webkit-keyframes rotate{0%{-webkit-transform:translate(-50%, -50%) rotate(0deg) scale(1);transform:translate(-50%, -50%) rotate(0deg) scale(1)}to{-webkit-transform:translate(-50%, -50%) rotate(360deg) scale(1.5);transform:translate(-50%, -50%) rotate(360deg) scale(1.5)}}@keyframes rotate{0%{-webkit-transform:translate(-50%, -50%) rotate(0deg) scale(1);transform:translate(-50%, -50%) rotate(0deg) scale(1)}to{-webkit-transform:translate(-50%, -50%) rotate(360deg) scale(1.5);transform:translate(-50%, -50%) rotate(360deg) scale(1.5)}}.gradient{position:absolute;z-index:1;top:40%;left:50%;--size:600px;--speed:50s;--easing:cubic-bezier(0.8, 0.2, 0.2, 0.8);width:500px;height:500px;max-width:90%;-webkit-filter:blur(calc(var(--size) / 5));filter:blur(calc(var(--size) / 5));background:-webkit-gradient(linear, left top, left bottom, from(#e8dcb9), to(#7798AB));background:-webkit-linear-gradient(#e8dcb9, #7798AB);background:-o-linear-gradient(#e8dcb9, #7798AB);background:linear-gradient(#e8dcb9, #7798AB);-webkit-animation:rotate 10s ease alternate infinite;animation:rotate 10s ease alternate infinite;border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}#topHeader{position:absolute;z-index:5;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin:2em auto;max-width:90%;width:700px;text-align:center}#topHeader .logo{width:200px;max-width:90%}#topHeader .titles{margin:1em auto;color:#fff;font-size:1.9em;font-family:"Dosis", sans-serif;text-shadow:0 2px 4px rgba(0, 0, 0, 0.8)}#topHeader .titles span{color:#F2CEE6;font-weight:700}#videoClip{position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-30%, -50%);-ms-transform:translate(-30%, -50%);transform:translate(-30%, -50%);width:1100px;margin:0 auto}#videoClip foreignObject{position:relative}#videoClip foreignObject:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:rgba(0, 0, 0, 0.35)}#videoClip .video{max-width:120%;width:900px;margin:auto}#about{position:relative;max-width:1000px;margin:0 auto;padding:2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:40px;-webkit-box-sizing:border-box;box-sizing:border-box}#about .img{position:relative;-webkit-box-flex:0;-ms-flex:0 0 150px;flex:0 0 150px;width:150px;height:150px;border-radius:50%;overflow:hidden;margin-top:1em}#about .img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#about .text h2,#about .text p{background:-webkit-radial-gradient(#7798ab, #f2cee6) fixed;background:-o-radial-gradient(#7798ab, #f2cee6) fixed;background:radial-gradient(#7798ab, #f2cee6) fixed;background:conic-gradient(#7798ab, #f2cee6, #7798ab) fixed;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#skills{position:relative;max-width:1000px;margin:0 auto;padding:1em 2em;text-align:center}#skills .icon{font-size:2.5em;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;display:inline-block;margin:5px;color:#fff}#skills .icon:hover{color:#F2CEE6}#projects{position:relative;max-width:1000px;margin:0 auto;padding:2em}#projects h2{border-bottom:1px solid #7798AB}#projects .project{opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:2em;margin:3em auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}#projects .project.show{opacity:1}#projects .project:nth-child(2n) .projectPreview{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}#projects .project:nth-child(2n) .projectDetail{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}#projects .projectPreview{-webkit-box-flex:0;-ms-flex:0 0 45%;flex:0 0 45%;position:relative}#projects .projectPreview img{width:100%}#projects .projectDetail{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.footer{padding:2em 0}.footer .contact{text-align:center;font-size:1.3em;margin-bottom:1.5em}.footer .contact .link{color:#F2CEE6;text-decoration:underline}.footer .socials{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:2em;gap:1em}.footer .socials .icon{display:block}.footer .github,.footer .linkedin{width:50px;height:50px;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}.footer .github path,.footer .linkedin path{fill:#F2CEE6;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}.footer .github:hover path,.footer .linkedin:hover path{fill:#E8DCB9}.footer .copyright{font-size:0.8em;text-align:center}@media screen and (max-width:767px){body{background-size:200% 1000%}.header{min-height:60vh}#videoClip{width:800px}.gradient{top:30%;--size:300px;width:300px}#about{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}#about .img{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}#projects .project{display:block}}