:root{--blue: #0006A2;--blue-2: rgba(0, 6, 162, .4);--blue-dark: #000229;--blue-dark-2: rgba(0, 2, 41, .8);--black: #000000;--white: #ffffff;--white-2: rgba(255, 255, 255, .6);--red: #BF2626}@font-face{font-family:SF-Pro;src:url(/font/SF-Pro.ttf)}body{background-color:var(--black);margin:0;font-family:SF-Pro,sans-serif}.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.img-container[data-v-badddffd]{display:flex;flex-direction:column;align-items:center;position:relative;width:12%}.folder-content[data-v-badddffd]{position:relative;z-index:1}.folder[data-v-badddffd]{width:100%}.folder-title[data-v-badddffd]{margin-top:5%;color:var(--white-2)}.folder-title.hovered[data-v-badddffd]{color:var(--white)}#window[data-v-fa08f855]{width:70vw;height:70vh;border:2px solid var(--white);border-radius:10px;background-color:var(--blue-dark-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#close-button[data-v-fa08f855]{cursor:pointer;transition:fill .2s ease-in-out,stroke .2s ease-in-out}#close-button[data-v-fa08f855]:hover{fill:var(--red);stroke:var(--red)}#window-content[data-v-fa08f855]{margin:0 5% 5%;height:75%;display:flex;align-items:center}#landing-window-content[data-v-50f7202d]{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}#avatar[data-v-50f7202d]{height:70%;aspect-ratio:1/1;border-radius:50%;border:2px solid var(--white);background-color:var(--blue-2)}#left-side>p[data-v-50f7202d]{color:var(--white);font-size:2rem;margin-bottom:.5em}#left-side[data-v-50f7202d]{width:45%;height:100%;display:flex;flex-direction:column;justify-content:center}#right-side[data-v-50f7202d]{width:45%;height:100%;display:flex;align-items:center;justify-content:flex-end}#bubble-container[data-v-50f7202d]{background-color:var(--white);border-radius:20px;display:flex;align-items:center;width:100%;height:20%}#bubble-tip[data-v-50f7202d]{width:15%;position:relative}.blinking-cursor[data-v-50f7202d]{font-size:2.3rem;margin-bottom:.5rem;color:var(--black);-webkit-animation:1s blink-50f7202d step-end infinite;-moz-animation:1s blink-50f7202d step-end infinite;-ms-animation:1s blink-50f7202d step-end infinite;-o-animation:1s blink-50f7202d step-end infinite;animation:1s blink-50f7202d step-end infinite}.typed-text[data-v-50f7202d]{margin-left:1rem;font-size:2rem;color:var(--blue);font-weight:700}@keyframes blink-50f7202d{0%,to{color:transparent}50%{color:var(--black)}}@-moz-keyframes blink-50f7202d{0%,to{color:transparent}50%{color:var(--black)}}@-webkit-keyframes blink-50f7202d{0%,to{color:transparent}50%{color:var(--black)}}@-ms-keyframes blink-50f7202d{0%,to{color:transparent}50%{color:var(--black)}}@-o-keyframes blink-50f7202d{0%,to{color:transparent}50%{color:var(--black)}}div[data-v-96cca48d]{min-width:100px;max-width:250px;height:40px;padding-left:20px;padding-right:20px;background-color:var(--white);border:2px solid transparent;border-radius:10px;color:var(--blue);font-size:1rem;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out}div[data-v-96cca48d]:hover{background-color:var(--white-2);border:2px solid var(--white);color:var(--white)}a[data-v-96cca48d]{color:inherit;text-decoration:none}ul[data-v-47880ba8]{list-style-type:none;width:100%;height:60%;display:flex;flex-direction:column;justify-content:space-around}li[data-v-47880ba8]{color:var(--white);font-size:2rem;display:flex;align-items:center;gap:1rem}.material-symbols-rounded[data-v-47880ba8]{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:3rem}#profile-container[data-v-47880ba8]{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.left-side[data-v-47880ba8]{width:50%;height:100%;display:flex;align-items:center}.right-side[data-v-47880ba8]{width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5%}#profile-picture[data-v-47880ba8]{width:50%;aspect-ratio:1/1;border-radius:50%;border:2px solid var(--white);filter:grayscale(100%)}#profile-picture-container[data-v-47880ba8]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.list-element[data-v-b904cf03]{display:flex;flex-direction:row;align-items:center;justify-content:left;gap:3%;width:100%}svg[data-v-b904cf03]{width:8%;aspect-ratio:1 / 1}.list-element-content[data-v-b904cf03]{display:flex;flex-direction:column;align-items:left;justify-content:left;gap:10px}span[data-v-b904cf03]{color:var(--white)}.list-element-title[data-v-b904cf03]{font-size:2rem;font-weight:700}.list-element-date[data-v-b904cf03]{font-size:1.5rem;width:13%;text-align:right}.list-element-description[data-v-b904cf03]{font-size:1rem}.list-element-container[data-v-fa03468c]{display:flex;flex-direction:column;justify-content:space-between;gap:20%;height:100%;width:100%;overflow-y:scroll;z-index:1}.list-element-container[data-v-fa03468c]::-webkit-scrollbar{display:none}.bg-line[data-v-fa03468c]{width:2px;height:75%;background-color:var(--white);z-index:0;position:absolute}.toggle-button-container[data-v-fa03468c]{position:absolute;top:3%;right:4%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10%;width:22%}.switch[data-v-fa03468c]{display:inline-block;position:relative;width:70px;height:40px;cursor:pointer;overflow:hidden;caret-color:transparent}.switch input[data-v-fa03468c]{position:absolute;top:-30px;left:-30px;width:0;height:0}.switch input+span[data-v-fa03468c]{position:absolute;top:0;bottom:0;left:0;right:0;background:#fff9;border-radius:22.5px}.switch input:checked+span[data-v-fa03468c]{background:#fff9}.switch input+span[data-v-fa03468c]:before{content:"";display:inline-block;position:absolute;top:50%;left:4px;width:32px;height:32px;background:var(--white);border-radius:50%;transform:translateY(-50%);transition:all .5s}.switch input:checked+span[data-v-fa03468c]:before{left:34px}p[data-v-fa03468c]{color:var(--white-2);width:30%}.formation[data-v-fa03468c]{text-align:right}.experience[data-v-fa03468c]{text-align:left}.active-text[data-v-fa03468c]{color:var(--white)}.controls[data-v-d6455df7]{display:flex;justify-content:space-around;align-items:center;width:100%;height:100%}.control[data-v-d6455df7]{border:2px solid var(--white);font-size:4rem;padding:.5rem;color:var(--white);border-radius:20px;text-align:center;cursor:pointer;transition:background-color .2s ease-in-out}h2[data-v-d6455df7]{color:var(--white);font-size:2rem}.control-container[data-v-d6455df7]{display:flex;flex-direction:column;align-items:center;width:200px}.control-container div[data-v-d6455df7]{display:flex;justify-content:space-between;width:100%}.jump span[data-v-d6455df7]{width:180.8px}.start[data-v-d6455df7]{font-size:4rem;padding:.5rem;background-color:var(--white);border:2px solid var(--white);color:var(--blue);border-radius:100%;text-align:center;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.start[data-v-d6455df7]:hover{background-color:var(--white-2);color:var(--white)}.pressed[data-v-d6455df7]{background-color:var(--white-2)}.character[data-v-ca7a797b]{width:10%;position:relative;transition:transform .5s ease-in-out}.jumping[data-v-ca7a797b]{transform:translateY(calc(-1px * var(--eb136a10)))}.reversed[data-v-ca7a797b]{transform:scaleX(-1)}.block[data-v-8fb85a5a]{width:120px;height:120px;background-color:var(--white);border-radius:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .5s ease-in-out}.block[data-v-8fb85a5a]:hover{transform:translateY(-15px)}span[data-v-8fb85a5a]{font-size:4rem;color:var(--blue);margin:0}img[data-v-8fb85a5a]{width:20px;height:20px;position:relative;z-index:0}.game-container[data-v-b53641b5]{width:100%;height:100%;display:flex;flex-wrap:wrap;align-content:space-between}.block-container[data-v-b53641b5]{width:100%;display:flex;justify-content:space-between;position:relative;top:20px}.character-container[data-v-b53641b5]{width:100%;position:relative;top:20px}.floor[data-v-b53641b5]{width:100%;height:3%;background-color:var(--white);border-radius:20px}.hit[data-v-b53641b5]{transform:translateY(-15px)}#window[data-v-4a3e62b8]{width:70vw;height:70vh;border:2px solid var(--white);border-radius:10px;background-color:var(--blue-dark-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#close-button[data-v-4a3e62b8]{cursor:pointer;transition:fill .2s ease-in-out,stroke .2s ease-in-out}#close-button[data-v-4a3e62b8]:hover{fill:var(--red);stroke:var(--red)}#right-side-panel[data-v-4a3e62b8]{width:50%;height:100%;background-color:var(--blue-dark);border-radius:0 10px 10px 0;border-left:2px solid var(--white);position:absolute;top:0;right:0}#left-side-panel[data-v-4a3e62b8]{width:50%;height:85%}#left-side-panel-content[data-v-4a3e62b8]{height:90%;padding-left:10%;padding-right:10%;padding-bottom:10%;display:flex;flex-direction:column;justify-content:center;gap:40px;align-items:center}#right-side-panel-content[data-v-4a3e62b8]{height:78%;padding:22% 10% 10%;display:flex;flex-direction:column;gap:10%;overflow-y:scroll}#right-side-panel-content[data-v-4a3e62b8]::-webkit-scrollbar{display:none}h1[data-v-c8eee1b8],p[data-v-c8eee1b8]{color:var(--white);margin:0}.tags-container[data-v-c8eee1b8]{display:flex;flex-wrap:wrap;width:100%;gap:10px}.tag[data-v-c8eee1b8]{background-color:var(--white-2);color:var(--white);border-radius:10px;padding:10px}img[data-v-c8eee1b8]{max-width:100%;max-height:60%}.buttons-container[data-v-c8eee1b8]{display:flex;flex-direction:column;gap:20px}#window[data-v-373a2a4a]{width:70vw;height:70vh;border:2px solid var(--white);border-radius:10px;background-color:var(--blue-dark-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#close-button[data-v-373a2a4a]{cursor:pointer;transition:fill .2s ease-in-out,stroke .2s ease-in-out}#close-button[data-v-373a2a4a]:hover{fill:var(--red);stroke:var(--red)}#right-side-panel[data-v-373a2a4a]{width:70%;height:100%;background-color:var(--blue-dark);border-radius:0 10px 10px 0;border-left:2px solid var(--white);position:absolute;top:0;right:0}#right-side-panel-content[data-v-373a2a4a]{width:100%;height:100%}#left-side-panel[data-v-373a2a4a]{padding-top:5%;width:30%}.skill-container[data-v-760e1d3b]{position:relative;width:100px;height:188px}.skill-element[data-v-760e1d3b]{position:absolute;top:0;left:0;width:100%;height:150px;background-color:var(--white);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.skill-level[data-v-760e1d3b]{width:100%;height:100%;padding:10px;border-radius:10px;display:flex;justify-content:center}img[data-v-760e1d3b]{width:90%;object-fit:contain;filter:grayscale(100%);transition:filter .3s ease-in-out}h3[data-v-760e1d3b]{margin:0;font-size:.9rem;font-weight:400}.fade-enter-active[data-v-760e1d3b],.fade-leave-active[data-v-760e1d3b]{transition:opacity .5s}.fade-enter[data-v-760e1d3b],.fade-leave-to[data-v-760e1d3b]{opacity:0}ul[data-v-ab771aff]{display:flex;flex-direction:column;justify-content:flex-start;align-items:left;gap:2rem}li[data-v-ab771aff]{color:var(--white-2);font-size:1.5rem;display:flex;align-items:center;list-style:none;gap:1rem}.material-symbols-rounded[data-v-ab771aff]{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:3rem}li[data-v-ab771aff]:hover{color:var(--white);cursor:pointer}li.active[data-v-ab771aff]{color:var(--white)}.section-container[data-v-ab771aff]{width:100%;height:90%;background-color:var(--blue-dark);margin-top:5%;display:flex;flex-direction:column;align-items:center;gap:5%}.content-container[data-v-ab771aff]{width:90%;max-height:450px;min-height:188px;display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;overflow-x:hidden;overflow-y:auto;gap:40px 70px}.content-container[data-v-ab771aff]::-webkit-scrollbar{display:none}h1[data-v-ab771aff]{color:var(--white)}.color-container[data-v-5b385c71]{width:100px;height:150px;padding:8px;background-color:var(--white);border-radius:10px;display:flex;flex-direction:column;align-items:left;justify-content:flex-start;gap:6px}.color-container div[data-v-5b385c71]{width:100%;padding-top:100%}.border[data-v-5b385c71]{border:1px solid var(--black)}h2[data-v-5b385c71]{margin:0;font-size:1rem}p[data-v-5b385c71]{margin:0;font-size:.8rem}.typo-container[data-v-93b029f3]{background-color:var(--white);border-radius:15px;width:300px;height:200px;padding:10px;display:flex;flex-direction:column;justify-content:space-between}h2[data-v-93b029f3]{font-weight:400;font-size:1rem}p[data-v-93b029f3]{font-size:.8rem}.line[data-v-93b029f3]{width:100%;height:1px;background-color:var(--black)}.bold-text[data-v-93b029f3]{font-weight:700}.regular-text[data-v-93b029f3]{font-weight:400}.techno-container[data-v-b25e52bc]{display:flex;flex-direction:colomn;justify-content:space-between;align-items:center;background-color:var(--white);border-radius:10px;padding:20px;width:70%;height:15%}img[data-v-b25e52bc]{width:70px;height:70px}h2[data-v-b25e52bc],p[data-v-b25e52bc]{margin:5px}ul[data-v-028925c6]{display:flex;flex-direction:column;justify-content:flex-start;align-items:left;gap:2rem}li[data-v-028925c6]{color:var(--white-2);font-size:1.5rem;display:flex;align-items:center;list-style:none;gap:1rem}.material-symbols-rounded[data-v-028925c6]{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:3rem}li[data-v-028925c6]:hover{color:var(--white);cursor:pointer}li img[data-v-028925c6]{width:40px;height:40px;margin-right:20px}li.active[data-v-028925c6]{color:var(--white)}.section-container[data-v-028925c6]{width:100%;height:90%;background-color:var(--blue-dark);margin-top:5%;display:flex;flex-direction:column;align-items:center;gap:5%}.content-container[data-v-028925c6]{width:90%;max-height:450px;min-height:188px;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap;overflow-x:hidden;overflow-y:auto;gap:30px}.content-container[data-v-028925c6]::-webkit-scrollbar{display:none}#colors-container .content-container[data-v-028925c6]{flex-direction:row;flex-wrap:wrap}#typography-container .content-container[data-v-028925c6]{flex-direction:colomn;flex-wrap:wrap}#technology-container .content-container[data-v-028925c6]{flex-wrap:wrap}h1[data-v-028925c6]{color:var(--white)}#moodboard[data-v-028925c6]{width:90%}#colors-container .content-container[data-v-028925c6]{margin-left:10%;margin-right:10%}.comment[data-v-028925c6]{color:var(--white);text-align:center;font-size:1rem;margin:0;width:100%}#background[data-v-d8f3a32d]{width:100%;height:100%}#background-items[data-v-d8f3a32d]{position:absolute;z-index:1;width:100%;height:100%}#logo[data-v-d8f3a32d],.corner[data-v-d8f3a32d]{width:5%;aspect-ratio:1/1;position:absolute}.avatar[data-v-d8f3a32d]{width:5%;aspect-ratio:1/1;position:absolute;border-radius:50%;border:2px solid var(--white);background-color:var(--blue-2)}.avatar[data-v-d8f3a32d]:hover{background-color:transparent;transition:background-color .5s ease}.bottom-left[data-v-d8f3a32d]{transform:scale(-1)}#background-gradients[data-v-d8f3a32d]{position:absolute;z-index:0}#gradient1[data-v-d8f3a32d]{background:linear-gradient(90deg,var(--blue) 0%,var(--black) 100%);height:calc(100vh / 3);width:100vw}#gradient2[data-v-d8f3a32d]{background:linear-gradient(90deg,var(--blue) 0%,var(--black) 100%);height:calc(100vh / 3);width:calc(100vw * 2 / 3)}#gradient3[data-v-d8f3a32d]{background:linear-gradient(90deg,var(--blue) 0%,var(--black) 100%);height:calc(100vh / 3);width:calc(100vw / 3)}#content{position:absolute;display:flex;align-items:center;justify-content:center;z-index:2;width:100%;height:70%}.window{position:absolute;z-index:3}#portfolio{width:100vw;height:100vh;display:flex;align-items:center}#mobileview{display:none}#mobileview h1,#mobileview p{color:var(--white);width:80%;text-align:center}.links{display:flex;flex-direction:row;justify-content:space-evenly;width:60%;height:8%}.links img{height:100%}#mobileview span{font-size:5rem;color:var(--white)}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}@media screen and (max-width: 768px){#portfolio{display:none}#mobileview{width:100vw;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background-color:var(--blue-dark)}}