*{box-sizing:border-box;margin:0;padding:0}html,body{background:linear-gradient(#161616,#002007);width:100%;height:100%;margin:0;padding:0;display:flex;overflow:hidden}#app{z-index:1;background:repeating-linear-gradient(0deg,#01213861,#0000 6px);justify-content:center;align-items:center;width:100vw;height:100%;display:flex;position:relative}a{color:#87ceeb;justify-content:center;align-items:center;text-decoration:none;display:flex}.header{z-index:99;background-color:#153c6f;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:0}.header:before{content:"";clip-path:polygon(0% 0%,100% 0%,100% 100%,10% 100%);background-color:#ff1d11;width:35%;height:20%;position:absolute;bottom:-20%;right:0}.header:after{content:"Skills";color:#969696;text-align:left;z-index:-2;clip-path:polygon(0% 0%,100% 0%,93% 10%,100% 20%,93% 30%,100% 40%,93% 50%,100% 60%,93% 70%,100% 80%,93% 90%,100% 100%,0% 100%);background:linear-gradient(90deg,#2e2e2e,#328bdf);justify-content:start;align-items:center;width:min(20%,105px);height:30%;padding:1% 0 0% 4%;font-size:max(10px,1vw);font-weight:700;display:flex;position:absolute;bottom:-45%;left:0}.container{filter:drop-shadow(0 3px 4px #000);justify-content:space-between;align-items:center;width:100%;height:16vh;display:flex;position:relative;overflow:hidden}.container:before{content:"";background:linear-gradient(1deg,#0000,#0000,#7594f5 50%,#0000,#0000);width:40%;height:100%;animation:4s cubic-bezier(.68,-.55,.265,1.55) infinite light;position:absolute;right:0}@keyframes light{0%{transform:translateY(-75%)}40%{transform:translateY(0%)}55%{transform:translateY(75%)}to{transform:translateY(75%)}}.profileImg{clip-path:polygon(15% 0%,100% 0%,100% 100%,15% 100%,0% 70%,0% 30%);background:#141414;justify-content:center;align-items:center;width:30%;height:100%;display:flex;position:absolute;right:0}.profileImg>img{aspect-ratio:1.3;height:100%}#nameJop{clip-path:polygon(0% 0%,100% 0%,94.2% 30%,94.2% 70%,100% 100%,0% 100%);background:#141414;flex-direction:column;justify-content:space-evenly;align-items:self-start;width:calc(77% - max(3vw,13px));height:100%;display:flex;position:relative}#nameJop>div{padding-left:4vw}#nameJop #nameID{color:#0000;filter:drop-shadow(0 4px 3px #000);background:linear-gradient(90deg,#fff54f,#fd4700f0,#5dff5abf,#9d1fffe3);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}#nameJop #job{color:#0000;background:linear-gradient(90deg,#fff,#5e5e5e,#f2f2f2,#403e3e);-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:700}#my-projects{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:575px;height:30dvh;display:flex;position:absolute;top:59%;left:0}#my-projects>.item{filter:drop-shadow(2px 4px 6px #000);justify-content:space-evenly;align-items:center;width:100%;height:40%;display:flex}#my-projects>.item>div{clip-path:polygon(0% 0%,90% 0%,100% 50%,90% 100%,0% 100%,10% 50%);color:#cfc383db;text-shadow:0 0 3px #525252;background:linear-gradient(#1313138a 0% 50%,#0000007d 50% 100%);justify-content:center;align-items:center;gap:3vw;width:65%;height:65%;font-size:13px;font-weight:700;display:flex}#my-projects>.item>div>img{height:100%}#my-projects>.item>a{clip-path:polygon(0% 0%,90% 0%,100% 50%,90% 100%,0% 100%,10% 50%);color:#4e62cf;background:linear-gradient(#6d6d6d4f 0% 50%,#5252525c 50% 100%);justify-content:center;align-items:center;width:35%;height:33%;font-size:10px;font-weight:700;display:flex}#lang{color:#ccc;text-shadow:0 2px 3px #000;letter-spacing:1px;text-align:center;filter:drop-shadow(0 5px 6px #101010);flex-flow:column wrap;justify-content:space-between;align-items:start;width:85%;max-width:555px;height:22%;display:flex;position:absolute;top:27%;left:5vw}.title{flex-direction:column;justify-content:space-between;align-items:start;height:5.5vh;display:flex}.title>h1{color:#0000;background:linear-gradient(45deg,#fff,#6a6a6a,#a8a8a8);-webkit-background-clip:text;background-clip:text;font-size:max(15px,1.6vw)}.title>div{flex-direction:row;justify-content:start;align-items:center;font-size:11px;display:flex;position:relative;left:5vw}.title>div>div{color:#d6d6d6;-webkit-background-clip:text;background-clip:text;width:min(130px,19vw);font-size:max(6px,.75vw);font-weight:700}#projectTitle{color:#a9a9a9;text-align:left;z-index:-2;clip-path:polygon(0% 0%,100% 0%,93% 10%,100% 20%,93% 30%,100% 40%,93% 50%,100% 60%,93% 70%,100% 80%,93% 90%,100% 100%,0% 100%);background:linear-gradient(90deg,#202020,#ff1d11);justify-content:start;align-items:center;width:min(24vw,145px);height:5.5%;padding-left:4%;font-size:max(10px,1vw);font-weight:700;display:flex;position:absolute;top:55%;left:0}#contH{z-index:0;width:min(40vw,300px);height:5vh;position:absolute;bottom:0;right:0}#contH:before{content:"";clip-path:polygon(0% 0%,100% 0%,100% 100%,16% 100%);background:linear-gradient(40deg,#3eb233,#0000);width:103.8%;height:110%;position:absolute;bottom:0;right:0%}.contact{color:#5c5040;clip-path:polygon(0% 0%,100% 0%,100% 100%,16% 100%);text-shadow:0 0 5px #000;background:#141414;justify-content:center;align-items:center;width:100%;height:100%;font-size:min(2.7vw,13px);font-weight:700;display:flex}.footer{z-index:1;clip-path:polygon(0% 0%,88% 0%,100% 100%,0% 100%);background:red;flex-direction:row;justify-content:start;align-items:center;gap:35%;width:55%;max-width:400px;height:5%;min-height:30px;padding-left:8%;display:flex;position:absolute;bottom:0;left:0}.footer>a{z-index:1;filter:drop-shadow(0 3px 3px #000);width:10%}