:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-secondary: #BB86FC;--color-primary-variant: #3700B3;--color-primary: #03DAC6;--color-background: #121212;--color-background-secondary: #01020ed7;--color-light: #fdfdfd;--color-text: rgba(196, 198, 199, .938);--color-error: #CF6679}*{font-family:monospace}#root{width:100vw;margin:0;margin-top:2rem;color:var(--color-secondary);text-align:center}body{background-color:var(--color-background)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.title-page{font-size:4.3rem;font-family:Nerko One;background:linear-gradient(to right,#fbff00,20%,#0caabed8,60%,#f80000);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;padding-bottom:30px}@media (max-width:768px){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}.title-page{font-size:3rem}}.navbar{margin:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 30px;background-color:transparent;position:sticky;top:5px;z-index:999}.list-link{background-color:var(--color-background);box-shadow:0 0 5px #fff;box-shadow:#9741fc33 0 15px 30px -5px;border-radius:20px;margin:0;padding:12px;display:flex;flex-direction:row;justify-content:space-between}.nav-link{padding-left:10px;list-style:none}.nav-link a{color:var(--color-light)}.nav-link a:hover{color:var(--color-primary);transition:.3s}.nav-link a:active{color:var(--color-primary)}.bx{font-size:1.5rem;border:none;padding:0 20px;color:var(--color-light)}.bx:hover{transform:scale(1.1);transition:.3s}.nav-link a:hover .bx{border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.1);transition:.3s}.list-social-link{display:flex;flex-direction:row}.social-link{list-style:none;padding-left:10px}@media (max-width: 768px){.navbar{flex-direction:column;align-items:center;width:100%;padding:0}.list-link{flex-direction:row;justify-content:space-around;align-items:center;margin-bottom:20px;padding:20px 0;width:100%;overflow:hidden}.nav-link{padding:0 2px}.social-navbar{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column}.list-social-link{flex-direction:column;align-items:flex-start}.social-link{margin-bottom:10px}}.home{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px;background-color:transparent;padding:0 2rem}.description-home{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;max-width:55%;padding-bottom:0}.description-home h3{margin:0 0 10px;font-size:3.4rem;color:var(--color-light);text-align:left}.description-home h3 span{color:var(--color-primary)}.description-home h5{margin:0 0 20px;color:var(--color-secondary);font-size:2.3rem;text-align:left}.description-home p{margin:0 0 25px;color:var(--color-light);font-size:24px;text-align:left}.home-button{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.home-button button:first-child{align-items:center;background-image:linear-gradient(144deg,var(--color-primary),var(--color-secondary) 50%,var(--color-primary-variant));border:0;box-shadow:#9741fc33 0 15px 30px -5px;box-sizing:border-box;color:#fff;display:flex;font-family:Phantomsans,sans-serif;font-size:18px;justify-content:center;line-height:1em;max-width:100%;min-width:140px;padding:3px;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;cursor:pointer;transition:all .3s;margin-right:20px}.home-button button:first-child:active,.home-button button:first-child:hover{outline:0}.home-button button:first-child span{background-color:#05062d;padding:16px 24px;border-radius:6px;width:100%;height:100%;transition:.3s}.home-button button:first-child:hover span{background:none}.Download-button{display:flex;align-items:center;font-family:inherit;font-weight:500;font-size:17px;padding:16px 24px;color:#fff;background:#05062d;border:none;box-shadow:0 .7em 1.5em -.5em #3b304e86;letter-spacing:.05em;border-radius:8px;cursor:pointer;position:relative}.Download-button svg{margin-right:8px;width:25px}.Download-button:hover{box-shadow:0 .5em 1.5em -.5em #584774a0}.Download-button:active{box-shadow:0 .3em 1em -.5em #584774a0}.Download-button:before{content:"";width:4px;height:40%;background-color:#fff;position:absolute;border-top-right-radius:5px;border-bottom-right-radius:5px;left:0;transition:all .2s}.Download-button:after{content:"";width:4px;height:40%;background-color:#fff;position:absolute;border-top-left-radius:5px;border-bottom-left-radius:5px;right:0;transition:all .2s}.Download-button:hover:before,.Download-button:hover:after{height:60%}.fond-home{width:45%}@media (max-width: 768px){.description-home{max-width:100%}.description-home h3{margin:0 0 10px;font-size:2rem;color:var(--color-light);text-align:left}.description-home h5{font-size:1.5rem}.description-home p{font-size:1.1rem}.fond-home{display:none}}.about{padding:2rem 20px;overflow:hidden}.description-about{display:flex;flex-direction:row;align-items:center}.my-profil{width:45%;transform:scaleX(-1)}.my-profil img{width:60%;border-radius:10px;box-shadow:var(--color-background) 0 15px 50px -10px}.my-description{width:60%;padding:40px 20px;background-color:var(--color-background);border-radius:10px;box-shadow:var(--color-secondary) 0 15px 30px -10px}.my-description p{font-family:monospace;font-size:1.07rem;text-align:justify;color:#c4c6c7ef;margin:0}.my-description p span{font-size:1.3rem;font-weight:800;color:#c4c6c7}@media (max-width: 768px){.my-profil{display:none}.my-description{width:100%}}.stack{padding:0 2rem}.stack fieldset{border:none;border-radius:10px;border-width:1px;background-color:var(--color-background-secondary)}.stack-title{text-align:start;color:var(--color-secondary);font-weight:100;font-size:1.8rem;background:linear-gradient(to left,var(--color-primary),var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.module-group{display:flex;flex-direction:row;flex-wrap:wrap}.module{width:7rem;max-width:140px;overflow:hidden;margin:1.5rem;height:auto;background-color:var(--color-background);border-radius:10px;box-shadow:0 0 5px -1px var(--color-primary);display:flex;flex-direction:column;align-items:center;transition:.5s;padding:.5rem}.module:hover{scale:1.1}.logo{width:70px;height:70px;margin:10px 0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-end}.name-module{color:var(--color-primary);font-size:1.3rem;margin-top:1rem}@media (max-width: 768px){.stack{padding:10px}.stack-title{font-size:1.2rem}.module{width:auto;min-width:3.5rem;max-width:4rem;margin:5px}.logo{width:45px;height:45px}.name-module{font-size:12px}}.box-contact{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 1rem}.box-contact h3{font-weight:300;font-size:1.2rem;color:var(--color-light)}.contact-link{display:flex;flex-direction:row}.contact-icon{width:30px;margin-right:20px}.footer{background-color:var(--color-background)}.footer h3{color:var(--color-text);font-size:1rem;font-weight:100}@media (max-width: 768px){.box-contact{flex-direction:column;align-items:flex-start;padding-left:2rem}.box-contact h3{font-size:1.1rem;margin:10px 0}.contact-icon{width:25px}}.education{display:flex;flex-direction:column;padding:1.3rem}.education-description{display:flex;flex-direction:column;padding:0 15%}.degree{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto auto;margin-bottom:40px;border-radius:10px;box-shadow:0 0 5px #c4c6c7ef}.degree-date{grid-column:1 / 2;grid-row:1 / 3;font-size:2rem;font-weight:500;color:var(--color-light);text-align:end;padding-right:20px;border-right:solid 1px rgba(196,198,199,.938)}.degree-name{grid-column:2 / 3;grid-row:1 / 2;color:var(--color-light);font-size:1.5rem;font-weight:200;text-align:start;padding-left:20px;overflow-wrap:anywhere}.degree-school{grid-row:2 / 3;grid-column:2 / 3;color:#c4c6c7ef;font-size:1.1rem;font-weight:400;text-align:start;padding-left:20px}@media (max-width: 768px){.education{padding:1rem}.education-description{padding:0}.degree h2{font-size:1.2rem}.degree h4,.degree h5{font-size:1rem;margin:.5rem 0}}