@import"https://fonts.googleapis.com/css2?family=Mate:ital@0;1&display=swap";@import"https://fonts.googleapis.com/css2?family=Jacquarda+Bastarda+9+Charted&family=Mate:ital@0;1&display=swap";@import"https://fonts.googleapis.com/css2?family=Jacquarda+Bastarda+9+Charted&family=Mate:ital@0;1&family=Shrikhand&display=swap";@import"https://fonts.googleapis.com/css2?family=Jacquarda+Bastarda+9&family=Jacquarda+Bastarda+9+Charted&family=Mate:ital@0;1&family=Shrikhand&display=swap";@import"https://fonts.googleapis.com/css2?family=Mate:ital@0;1&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Jacquard+24&display=swap";@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Jacquard+24&display=swap";@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Dosis:wght@200..800&family=Jacquard+24&display=swap";@import"https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Jaini+Purva&display=swap";@import"https://fonts.googleapis.com/css2?family=Zen+Dots&display=swap";:root{--background-color: #f5f5f5;--text-color: rgba(0, 0, 0, .8);--accent-color: blue;--h1-text: "Dosis", sans-serif;--main-text: "Dosis", sans-serif;--subtitle-text: "Zen Dots", sans-serif;--menu-text: "Dosis", sans-serif;--surprise-text: "Jacquarda Bastarda 9 Charted", serif}[data-theme=dark]{--background-color: #313639;--text-color: rgba(255, 255, 255, .88);--accent-color: #f9490c}html{background-color:var(--background-color)!important;width:100%;height:100%}body{background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*{font-family:var(--menu-text)}h2,h3{font-family:var(--subtitle-text)}p,h4{font-family:var(--main-text)}p{font-size:17px}body{margin:0;padding:0;display:flex;justify-content:center}.app-container{display:flex;justify-content:center;width:100%;max-width:1250px;margin:0 auto}.app{display:flex;flex-direction:row;max-width:1250px;width:100%}.left-column{width:45%;position:sticky;top:0;height:100vh;padding:20px 60px;display:flex;flex-direction:column;align-items:start}.main-title{font-family:var(--h1-text);margin-top:80px;margin-bottom:20px}.sub-title{margin-bottom:20px}.menu{display:flex;flex-direction:column;width:100%}.menu h2{font-size:22px;margin-bottom:10px}.menu-item{padding:10px;font-size:1.3rem;cursor:pointer;transition:background-color .7s ease,color .1s ease,text-shadow .3s ease,padding .2s ease-out;position:relative}.menu-item.active{padding-left:30px;color:var(--accent-color)}.menu-item.active:before{content:"";position:absolute;top:50%;width:10px;height:1px;margin-left:10px;background-color:currentColor;opacity:0;transition:margin-left .5s ease,left .5s ease,opacity .5s ease}.menu-item.active:hover:before,.menu-item.active:before{left:0;opacity:1;transition:left .5s ease,opacity .5s ease}.right-column{margin-top:80px;width:55%;padding:20px 60px;flex:1}.content-section{margin-bottom:100px}.main-paragraph{margin-bottom:20px}.content__main-header{display:none}.menu__main-header{display:block}.about-me>p{margin-bottom:20px}.section-title{display:none;transition:background-color .3s ease,color .1s ease}.faded{opacity:.5;transition:opacity .2s ease}.card{margin-bottom:20px;display:flex;flex-direction:row;text-decoration:none;font-weight:inherit;color:inherit;transition:opacity .2s ease}.card h4{margin-bottom:14px}.card img{filter:brightness(.95);border-radius:5px;border:solid 1px #bebebe;width:100%;height:70px;object-fit:cover}.card__title-container{display:flex;align-items:center}.card:hover{font-weight:inherit;text-decoration:none;color:inherit}.card__left{width:25%;padding:10px}.card__left p{text-transform:capitalize;font-size:.9rem}.card__right{width:75%;padding:10px}.skills-container{margin-top:15px;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;font-size:.8rem}.skills-container p{background-color:transparent;color:#bebebe;border:1px solid #bebebe;padding:2px 5px;font-weight:700;border-radius:4px;transition:color .4s ease,border .4s ease}.card:hover .skills-container p{color:var(--accent-color);border:1px solid var(--accent-color)}.card:hover img{border-color:var(--accent-color)}.card-list__link:hover{color:var(--accent-color)}.card-list{margin-bottom:50px}.card-list__link{color:inherit;text-decoration:none;font-size:inherit;font-family:Roboto,sans-serif;display:block;text-align:right}.card-list__link:hover{transition:color .4s ease}.content__socials{display:none}.section-title{background-color:var(--background-color)}@media (max-width: 650px){.right-column{padding:20px}}@media (max-width: 950px){.app{flex-direction:column}.left-column{display:none}.content__main-header{display:block;padding-bottom:30px}.content__socials{display:flex;padding-bottom:40px}.menu__main-header{display:none}.right-column{width:100%}.section-title{display:block;margin-bottom:50px;position:sticky;top:0;z-index:1000;padding:10px}.faded{opacity:1}.card img{height:100px}}@media (max-width: 750px){.card img{height:70px}}.socials{display:flex;flex-direction:row;justify-content:left;gap:20px}@media (min-width: 950px){.content__socials{display:none}}.socials a{color:var(--text-color);font-size:1.5rem;gap:20px}.socials a:hover{color:var(--accent-color)}.menu__socials{position:absolute;top:86.5vh}.inline-link{color:inherit;font-family:var(--main-text)}.inline-link:hover{color:var(--accent-color)}.animated-text,.animated-text:hover{font-family:var(--surprise-text);background:linear-gradient(120deg,red,#0f0,#00f,#f0f,#0ff,#ff0,red);background-size:500% 500%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:streak-animation 40s linear infinite}@keyframes streak-animation{0%{background-position:0% 50%}to{background-position:500% 50%}}.card .external-link-icon{color:var(--background-color);font-size:12px;transition:color .3s ease}.card:hover .external-link-icon{color:var(--text-color)}.external-link-icon{font-size:12px}: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;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}