header{width:100%;background-color:#222;padding:24px 40px;display:flex;justify-content:space-between;justify-items:center;align-items:center;position:relative;border-bottom:1px solid #fff9eb;margin-bottom:70px!important;box-shadow:#4e4e4e 0 0 24px .1px}header img{height:50px}header ul{width:30%;list-style:none;padding:0;display:flex;justify-content:space-between}header li{margin:0}header li a{color:#fff9eb;text-decoration:none;font-size:1.2em}header a{position:relative;transition:all .5s cubic-bezier(.77,0,.175,1);cursor:pointer;text-decoration:none;transition:all .5s}header a:before,header a:after{content:"";position:absolute;transition:inherit}header a:hover:before{transition-delay:0s}header ul:hover a{color:gray}header ul:hover a:hover{color:#fff9eb}header a:before{top:0;left:0;height:120%;width:0px;border-bottom:3px solid #fff9eb;border-left:0;border-right:0}header a:after{bottom:14px;left:0;height:0;width:100%}header a:hover:before{left:0;width:100%}header a:hover:after{height:100%}.leftwing-after{background-color:#222;width:35%;height:40px;position:absolute;border-bottom:#fff9eb 1px solid;border-right:#fff9eb 1px solid;clip-path:polygon(0 0,100% 0%,92% 100%,0 100%)}.rightwing-after{background-color:#222;width:35%;height:40px;position:absolute;border-bottom:#fff9eb 1px solid;border-left:#fff9eb 1px solid;clip-path:polygon(0 0,100% 0%,100% 100%,8% 100%)}.rightwing,.leftwing{width:30%}header .container{float:right;margin-right:24px;display:flex;position:relative}.button{cursor:pointer;background:none;border:none;border-radius:8px;padding:.5em 1.5em;font-size:20px;color:#fff9eb;transition:all .3s ease;letter-spacing:2px}.arrow{fill:#94a1b2;position:absolute;width:24px;height:24px;right:0;top:25%;transition:all .3s cubic-bezier(.645,.045,.355,1)}.button:hover{letter-spacing:4px}.button:hover~.second{opacity:.66;right:-20px;transition-delay:50ms}.button:hover~.third{opacity:.33;right:-40px;transition-delay:.1s}.second,.third{opacity:0}@media screen and (max-width: 768px){header ul{display:none}header .container{margin:0}header img{height:40px}header .leftwing-after{display:none}header .rightwing-after{width:60%;height:30px}}*:not(p,a){box-sizing:border-box;margin:0}.footer{background-color:#1e1e1eec;position:relative;bottom:0;width:100%;padding:40px;max-height:100vh;min-height:650px}.docum1,.docum2,.docum3{padding:1%;width:19%;border-left:1px solid white;border-top:1px solid white;height:70%;bottom:0;position:absolute;float:left;letter-spacing:1.3px;font-weight:lighter}.docum2{left:24.75%}.docum3{left:46.5%}.footer h4{font-weight:400}span{position:absolute;bottom:15px;font-size:small}span p{margin:5px 0}.footer a{color:#fff}.footer a{position:relative;transition:all .5s cubic-bezier(.77,0,.175,1);cursor:pointer;text-decoration:none;transition:all .5s}.footer a:before,.footer a:after{content:"";position:absolute;transition:inherit}.footer a:hover:before{transition-delay:0s}.footer a:hover{color:#1a5f7a}.footer a:before{top:0;left:50%;height:120%;width:0px;border:1px solid rgb(26,95,122);border-left:0;border-right:0}.footer a:after{bottom:14px;left:0;height:0;width:100%}.footer a:hover:before{left:0;width:100%}.footer a:hover:after{height:100%}span#x{display:none}@media only screen and (max-width: 955px){.footer .docum1,.footer .docum2{width:50%;position:relative;height:300px;left:0}.footer .docum3{position:relative;width:100%;left:0;height:300px}.footer span{display:none}.footer span p{margin:0}.footer span#x{display:block}}:root{--plane-width:500px;--plane-height:400px;--container-block-size: 100px;--cube-size: 50px;--cube-size-translate: 25px}#welcome{padding:0 120px;position:relative;width:90%;margin:auto;height:550px;background-color:#0000006c;box-shadow:#535353 0 0 24px .1px;border-radius:8px;overflow:hidden;display:flex}.plane{display:flex;width:var(--plane-width);height:var(--plane-height);transition:transform 1s;transform-origin:center;transform-style:preserve-3d;perspective:1900px;perspective-origin:center;transform:perspective(1900px) rotateX(60deg) rotateY(0) rotate(-35deg) translateZ(0);transition:all 1s ease-in-out}@keyframes tilting{0%{transform:perspective(1900px) rotateX(60deg) rotateY(0) rotate(-35deg) translateZ(0)}50%{transform:perspective(1900px) rotateX(60deg) rotateY(0) rotate(-25deg) translateZ(0)}}.plane:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.container-block{width:var(--container-block-size);height:var(--container-block-size);margin:200px 20px 20px;transition:transform 1s;transform-origin:center;transform-style:preserve-3d;perspective-origin:center;transform:translateZ(var(--cube-size-translate)) rotateY(0) rotatex(0);animation:balances 5s 0s ease-in-out infinite}@keyframes balances{0%{margin-top:200px}50%{margin-top:15px}}.container-block>*{transition:transform 1s;transform-style:preserve-3d;display:flex;justify-content:center;align-items:center;font-size:1.5em;width:var(--cube-size);height:var(--cube-size);position:absolute;font-family:Courier New,Courier,monospace}.block-top{background-color:#5469a7;transform:rotateY(0) translateZ(var(--cube-size-translate))}.block-right{background-color:#393e81;transform:rotateY(90deg) translateZ(var(--cube-size-translate))}.block-left{background-color:#044169;transform:rotateY(270deg) translateZ(var(--cube-size-translate))}.block-front{background-color:#393e81;transform:rotateX(90deg) translateZ(var(--cube-size-translate))}.block-back{background-color:#393e81;transform:rotateX(-90deg) translateZ(var(--cube-size-translate))}.rightie{font-size:1.1em;padding-left:32px;text-align:center;margin:auto;font-weight:100}.rightie h1{font-size:2.3em;margin-bottom:70px;letter-spacing:3px}.rightie p{text-align:justify;letter-spacing:1px}.nam label input{margin-left:15px}.plane.showback{background-color:#008b8b}label.container{cursor:pointer}label.container input{display:none}label.container svg{overflow:visible;margin-left:35px}.path{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dasharray .5s ease,stroke-dashoffset .5s ease;stroke-dasharray:241 9999999;stroke-dashoffset:0}label.container input:checked~svg .path{stroke-dasharray:70.5096664428711 9999999;stroke-dashoffset:-262.2723388671875}@media (max-width: 768px){:root{--plane-width:280px;--plane-height:250px;--container-block-size: 50px;--cube-size: 25px;--cube-size-translate: 12.5px}#welcome{display:block;height:fit-content}.plane{margin-left:-60px}.nam label{display:flex;align-items:center;justify-content:center}.nam label input{padding:10px}.container-block{margin:120px 10px 10px}.rightie{margin:0 -80px 60px;padding:0}.rightie h1{font-size:1.8em;margin-bottom:30px}@keyframes balances{0%{margin-top:120px}50%{margin-top:15px}}}#experience{display:flex;width:100%;min-height:fit-content;margin:60px auto 0;background-color:#111;position:relative;padding:40px;text-align:center;align-items:center;justify-content:center}#experience h2{font-size:2em;font-weight:400;letter-spacing:5px}.row-1,.row-2,.row-3,.row-4,.row-5,.row-6{display:flex;flex-wrap:wrap;justify-content:center}.row-2,.row-4,.row-6{margin-left:150px}.s{display:flex;justify-content:center;align-items:center}.technologies{display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;width:80%}.details-tech{font-weight:lighter;letter-spacing:1px;opacity:1;width:20%;padding:16px;overflow:hidden;border:1px solid wheat;border-radius:16px;transition:all .3s ease-in-out}.nimix{opacity:0;scale:1.1}.techs{cursor:pointer;background-color:#424242;margin:5px 15px;width:130px;padding:30px;height:auto;clip-path:polygon(50% 0%,95% 26%,95% 76%,49% 100%,4% 76%,4% 26%);filter:grayscale(100%);transition:.5s}.techs:hover{background-color:#002ba0;filter:grayscale(0%)}.cliked-tech{background-color:#002ba0;filter:grayscale(0%);scale:1.3}@media screen and (max-width: 879px){.details-tech{width:40%}.technologies{width:100%;margin-left:-60px}.techs{width:100px;padding:20px}#experience h2{font-size:1.6em;letter-spacing:1px}.s{flex-direction:column;padding-top:50px}.details-tech{position:sticky;top:20%;z-index:1;background-color:#111;width:80%}}@media screen and (max-width: 620px){.row-2,.row-4,.row-6,.technologies{margin-left:0}}#frontend{margin-top:150px;height:fit-content;position:relative;background-position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 0}.projects>div{transition:all .5s}.projects{width:100%}.project{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/DL_white.png);background-size:cover;background-position:center;height:80vh;max-height:700px;margin:60px auto auto;width:85%;position:sticky;top:10%;perspective:900px;border-radius:8px}.project-info{margin-top:40px;display:flex;justify-content:space-between;flex-wrap:wrap;justify-content:center;align-items:center}.project-info div,.project h2{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1b1b1b77;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px #fff9eb solid;padding:8px 16px;border-radius:8px;margin:5px;opacity:0;filter:blur(5px);transition:all 1s}.fade-in{opacity:1!important;filter:blur(0px)!important}.proj1{margin-top:20px;background-image:url(/projects/project1.png)}.proj2{background-image:url(/projects/project2.png)}.proj3{background-image:url(/projects/project3.png)}.proj4{background-image:url(/projects/project4.png)}.proj5{background-image:url(/projects/project5.png)}.proj6{background-image:url(/projects/project6.png);animation:none!important}#frontend h2{font-size:2em;font-weight:400;letter-spacing:5px;margin-bottom:120px}@keyframes fancy-in{35%{opacity:1;filter:blur(0px);scale:1}to{opacity:0;filter:blur(10px);scale:.5}}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: scroll()){.isGoing{animation:fancy-in linear both;animation-timeline:view(y)}}}@media screen and (max-width: 768px){.project{height:50vh}}.isGoing{opacity:1;filter:blur(0px);scale:1}@font-face{font-family:MyFont;src:local("MyFont"),url(/assets/blackchancery.regular-CqdkX8Ci.ttf) format("truetype")}#events{color:#333;color:#f8f8f2;position:relative;padding:20px;background-color:#111}#events h2{font-family:MyFont,sans-serif;font-size:2em;margin-bottom:20px}#events .container{max-width:1200px;margin:0 auto;padding:20px}#events ul{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;gap:15px}#events li{display:flex;align-items:center;justify-content:center;min-width:calc(25% - 12px);min-height:150px;background:#292929;margin:10px 0;padding:10px;text-align:center;border-radius:5px;transition:background .3s}#events li:hover{background:#002ba0}#events .coding{display:flex;flex-wrap:wrap;justify-content:space-between;background:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px #0000001a}#events .code{width:48%;background:#272822;color:#f8f8f2;padding:10px;border-radius:5px;overflow-x:auto}#events .output{width:48%;color:#111}#events .terminal-unix{overflow:hidden;font-size:1.5em;font-family:monospace;width:100%;height:475px;max-height:475px;background-color:#111}#events .terminal-unix input{font-family:monospace;font-size:1em;background:none;width:60%;border:none;color:#fff}#events .terminal-unix input:focus{outline:none}.res input{padding:15px;width:100%;background-color:#faebd7}.suc{margin:15px 0;color:#a8bfff}.ctf{padding-bottom:150px!important}#background{width:120vw;height:140vh;margin:-10%;position:fixed;box-sizing:border-box;overflow:hidden;rotate:10deg}.vertical-lines{display:flex;justify-content:space-between;height:100%;width:100%;position:absolute}.horizontal-lines{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;position:absolute}.line{height:100%;width:1px;background-color:#ffffff1a;position:relative;overflow:hidden}.line:after{content:"";display:block;position:absolute;height:15vh;width:1px;top:-50%;left:0;background:linear-gradient(to bottom,#fff0,#fff 75%,#fff);animation:drop 7s 0s infinite;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,.26,0,.97)}.line:nth-child(3):after{animation:drop 7s 2s infinite}.line:nth-child(5):after{animation:drop 7s 4s infinite}.line:nth-child(8):after{animation:drop 7s 1s infinite}.line:nth-child(7):after{animation:drop 7s 7s infinite}.line:nth-child(11):after{animation:drop 7s 12s infinite}.line:nth-child(15):after{animation:drop 7s 4s infinite}.line:nth-child(17):after{animation:drop 7s 5.5s infinite}.line:nth-child(19):after{animation:drop 7s 19s infinite}.line:nth-child(13):after{animation:drop 7s 3s infinite}.linet{width:100%;height:1px;background-color:#ffffff1a}.linet:after{content:"";display:block;position:absolute;height:1px;width:15vh;left:0;background:linear-gradient(to right,#fff0,#fff 75%,#fff);animation:drop1 7s 3s infinite;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,.26,0,.97)}.linet:nth-child(3):after{animation:drop1 7s -2s infinite}.linet:nth-child(5):after{animation:drop1 7s -4s infinite}.linet:nth-child(8):after{animation:drop1 7s -1s infinite}.linet:nth-child(7):after{animation:drop1 7s -7s infinite}.linet:nth-child(11):after{animation:drop1 7s -12s infinite}.linet:nth-child(15):after{animation:drop1 7s -4s infinite}.linet:nth-child(17):after{animation:drop1 7s -5.5s infinite}.linet:nth-child(19):after{animation:drop1 7s -19s infinite}.linet:nth-child(13):after{animation:drop1 7s -3s infinite}@keyframes drop{0%{top:-50%}to{top:110%}}@keyframes drop1{0%{left:-50%}to{left:110%}}@media (max-width: 768px){#background{width:140vw;margin-left:-20%;position:fixed;box-sizing:border-box;overflow:hidden}.lient:after{animation:drop1 4s 3s infinite}}body{background-color:#2e2e2e;color:#fff9eb;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";overflow-x:hidden}main{width:100vw;max-width:1550px;margin:auto}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#141414}::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:3px solid #141414}::-webkit-scrollbar-thumb:hover{cursor:pointer;background-color:#555}#notification{position:fixed;top:15px;right:15px;color:#e6e6e6}.notification-msg{background-color:#1754fdde;box-shadow:#2e66ff8a 1px 1px 15px 1px;padding:35px 105px;border-radius:15px;margin-bottom:15px;animation:all .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-msg.fade-out{animation:fadeOut .5s ease-in-out}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.scene{width:200px;height:200px;perspective:600px;margin:100px}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1s;animation:rosin 5s linear infinite}.cube__face{position:absolute;width:200px;height:200px}.cube__face--front{background:#ff0000b3}.cube__face--right{background:#ffff00b3}.cube__face--back{background:#00ff00b3}.cube__face--left{background:#00ffffb3}.cube__face--top{background:#0000ffb3}.cube__face--bottom{background:#ff00ffb3}.cube__face--front{transform:rotateY(0) translateZ(100px)}.cube__face--right{transform:rotateY(90deg) translateZ(100px)}.cube__face--back{transform:rotateY(180deg) translateZ(100px)}.cube__face--left{transform:rotateY(-90deg) translateZ(100px)}.cube__face--top{transform:rotateX(90deg) translateZ(100px)}@keyframes rosin{0%{transform:perspective(900px) rotateY(0) translateZ(0)}to{transform:perspective(900px) rotateY(360deg) translateZ(0)}}