@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";: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}a{font-weight:500;font-size:large;color:#646cff;text-decoration:inherit;transition:filter .25s}a:hover{color:#535bf2;filter:drop-shadow(0 0 1em #7c83ff)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}p{font-size:large}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;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}.footer{margin-top:15%;bottom:0%}#root{max-width:1280px;margin:0 auto;padding:1em;text-align:center;justify-content:center}html{scroll-behavior:smooth}.section{transition:opacity .5s ease-in-out,transform .5s ease-in-out;margin-bottom:10%}.hidden-section{opacity:0;transform:translateY(50%)}.important{color:#535bf2d3}.language-selector{display:flex;font-size:xx-large}.language-option{margin:5px 5px 5%;padding:5px;border-radius:5%;transition:background-color .3s,color .3s;cursor:pointer;display:block;color:#ffffffde}.language-option:hover,.language-option:focus{background-color:#ffffff4d;outline:none}.color-glow-word{color:#535bf2d3;transition:color 3s ease-out,text-shadow 1s ease-out;text-shadow:none}.color-glow-word.glowing{color:#535bf2d3;text-shadow:0 0 10px #535bf2d3}.color-transition-word{background:linear-gradient(to right,#ffffffde 50%,#535bf2d3 50%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;transition:background-position 1s ease-out,text-shadow 3s ease-out;text-shadow:none}@keyframes glow{0%{text-shadow:0 0 10px #535bf2d3}to{text-shadow:none}}.color-transition-word.in-view{background-position:-100% 0;animation:glow 3s ease-out}.top-menu{top:0%;margin-top:1%;margin-bottom:8%;display:flex;justify-content:center;gap:10%}.profilePicture{border-radius:50%;width:20%;border:2px solid #000;animation:glowingPulse 3s infinite;z-index:-1}.links{margin-top:3%}.element{margin:1em;padding:1em;will-change:filter;transition:filter .3s}.element.CV{background-color:#535bf2d3}.element:hover{filter:drop-shadow(0 0 1em #646cff)}.about-me-despcription{transition:opacity .5s ease-in-out,transform .5s ease-in-out;transition-delay:.1s}.hidden-about-me-despcription{opacity:0;transform:translateY(50%)}.experience{display:flex;justify-content:center}.experience.job{display:grid;border:1px solid #ccc;padding:1em;margin:1em;border-radius:8px;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transition-delay:.1s}.hidden-experience-job{opacity:0;transform:translateY(50%)}.profile-container img{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.profile-container img:hover{transform:scale(1.1);box-shadow:0 0 10px #00000080}.profile-container p{margin-top:10px;font-size:1.2em}.videoCV{width:50%;height:auto;border-radius:20px}.blog-post{margin:0 auto;padding:20px;font-family:"Arial, sans-serif";line-height:1.6}.blog-post h1{font-size:2.5rem;margin-bottom:20px}.blog-post h2{font-size:2rem;margin-top:40px;margin-bottom:20px;display:flex;align-items:center;text-align:justify}.blog-post h2 svg{margin-right:10px;text-align:justify}.blog-post p{font-size:1.125rem;text-align:justify;margin-bottom:20px}.blog-post ul{list-style:none;text-align:justify;padding:0;margin-bottom:20px}.blog-post ul li{font-size:1.125rem;text-align:justify;margin-bottom:10px;padding-left:20px;position:relative}.blog-post ul li:before{content:"•";text-align:justify;position:absolute;left:0}.blog-post img{max-width:50%;justify-content:center;align-items:center;margin:20px 0}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.shake{animation:shake .5s;animation-iteration-count:infinite}@keyframes glowingPulse{0%{box-shadow:0 0 30px #646cff99,0 0 50px #646cff66,0 0 70px #646cff33}50%{box-shadow:0 0 20px #646cff99,0 0 40px #646cff66,0 0 50px #646cff33}to{box-shadow:0 0 30px #646cff99,0 0 50px #646cff66,0 0 70px #646cff33}}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.ball{position:absolute;width:100px;height:100px;border-radius:50%;filter:blur(20px);opacity:.2;background:linear-gradient(to bottom,#ffc759,#f9f871);animation:orbit 20s linear infinite}.ball1{top:20%;left:30%;animation-delay:0s}.ball2{top:50%;left:70%;animation-delay:1s}.ball3{top:80%;left:10%;animation-delay:5s}.ball4{top:30%;left:60%;animation-delay:3s}.ball5{top:10%;left:80%;animation-delay:2s}.ball6{top:60%;left:10%;animation-delay:3s}@keyframes orbit{0%{transform:translate(0)}25%{transform:translate(200px)}50%{transform:translate(200px,200px)}75%{transform:translateY(200px)}to{transform:translate(0)}}@media (max-width: 768px){.section,.about-me-despcription,.experience.job{transition:none}.hidden-about-me-despcription,.hidden-experience-job,.hidden-section{transform:none;opacity:1}.color-transition-word{color:#535bf2d3}}