@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&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);:root{--bg-color:#fff;--font-color:#1c1c1d;--primary-color-50:#f4eaeb;--primary-color-100:#e1cbcd;--primary-color-200:#d6b9bb;--primary-color-300:#d4b7bb;--secondary-color-100:#525161;--secondary-color-200:#464759;--secondary-color-300:#353648;--secondary-color-variant:#736d77;--tertiary-color-100:#d8ddd7;--base-font-family:"Open Sans",sans-serif;--deco-font-family:"Roboto",serif;--xxs-font-size:.9rem;--xs-font-size:1rem;--s-font-size:1.1rem;--m-font-size:1.25rem;--l-font-size:1.5rem;--xl-font-size:1.75rem;--xxl-font-size:2.25rem;--xxxl-font-size:3rem}*{border:none;box-sizing:border-box;list-style:none;margin:0;padding:0}body{background-color:#f4eaeb;background-color:var(--primary-color-50);color:#1c1c1d;color:var(--font-color);font-family:Open Sans,sans-serif;font-family:var(--base-font-family);font-size:1.1rem;font-size:var(--s-font-size)}a{color:#525161;color:var(--secondary-color-100);transition:all .3s ease-in-out}a:hover{color:#e1cbcd;color:var(--primary-color-100)}img{width:100%}p{line-height:1.85rem}b{color:#353648;color:var(--secondary-color-300)}h1{color:#d4b7bb;color:var(--primary-color-300);font-size:3rem;font-size:var(--xxxl-font-size);font-weight:900}h1,h2{text-transform:uppercase}h2{color:#353648;color:var(--secondary-color-300);font-size:2.25rem;font-size:var(--xxl-font-size);font-weight:800;letter-spacing:1px;margin-bottom:1.25rem;margin-top:2.25rem;position:relative}h2,h3{text-align:center}h3{background-color:#736d77;background-color:var(--secondary-color-variant);color:#f4eaeb;color:var(--primary-color-50);font-size:1.5rem;font-size:var(--l-font-size);padding:6px}small{color:#525161;color:var(--secondary-color-100);font-size:1.25rem;font-size:var(--m-font-size)}header{left:0;position:relative;top:0;width:100%;z-index:999}footer{background-color:#e1cbcd;background-color:var(--primary-color-100);color:#353648;color:var(--secondary-color-300);padding:1rem}nav{align-items:center;bottom:0;display:flex;flex-direction:column;font-size:24px;justify-content:center;position:relative;text-align:left;transition:.3s;width:100%}h2 span,nav{color:#e1cbcd;color:var(--primary-color-100)}h2 span{cursor:default;left:0;letter-spacing:10px;opacity:.5;position:absolute;right:0;top:-10px;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:-1}.btn.btn-custom{background-color:#525161;background-color:var(--secondary-color-100);color:#d4b7bb;color:var(--primary-color-300);font-family:Open Sans,sans-serif;font-family:var(--base-font-family);font-size:1.1rem;font-size:var(--s-font-size)}.btn.btn-custom:hover{background-color:#d4b7bb;background-color:var(--primary-color-300);color:#525161;color:var(--secondary-color-100)}#tsparticles canvas{z-index:-1}nav ul li{display:inline-block;margin:1rem 1.5rem}nav ul li.nav-icon{display:inline-block;opacity:.4;transform:scale(.65);width:1.7rem}nav ul li.nav-icon.active{opacity:1;transform:scale(1)}.dark-mode{color:#525161;color:var(--secondary-color-100)}.dark-mode:hover{color:#353648;color:var(--secondary-color-300)}.main-img{max-width:400px}.information-box{background-color:#e1cbcd;background-color:var(--primary-color-100);padding:10px}.information-mosaic{padding-left:0;text-align:center}.information-mosaic li{align-items:center;background-color:#d6b9bb;background-color:var(--primary-color-200);display:flex;flex-direction:column;height:120px;justify-content:center}.information-mosaic span{color:#353648;color:var(--secondary-color-300);font-family:Roboto,serif;font-family:var(--deco-font-family);font-size:1.5rem;font-size:var(--l-font-size);margin:5px}.information-mosaic li:nth-child(2n){background-color:#464759;background-color:var(--secondary-color-200);color:#e1cbcd;color:var(--primary-color-100)}.information-mosaic li:nth-child(2n) span{color:#d4b7bb;color:var(--primary-color-300)}.information-menu{display:flex;flex-direction:row;justify-content:space-between;padding-left:0}.information-menu li{background-color:#d6b9bb;background-color:var(--primary-color-200);color:#353648;color:var(--secondary-color-300);cursor:pointer;margin:0 5px;padding:5px;text-align:center;width:100%}.information-menu li.active,.information-menu li:active,.information-menu li:focus,.information-menu li:hover{background-color:#464759;background-color:var(--secondary-color-200);color:#d6b9bb;color:var(--primary-color-200)}.information-menu span{display:block;font-size:1.5rem;font-size:var(--l-font-size)}.skills-mosaic{padding-left:0}.skill-box{background-color:#e1cbcd;background-color:var(--primary-color-100);color:#353648;color:var(--secondary-color-300);margin:calc(var(--bs-gutter-x)*.5) 0;margin-left:0;padding:20px 5px;text-align:center}.skill-box:hover{background-color:#d4b7bb;background-color:var(--primary-color-300)}.skill-box span{font-size:2.25rem;font-size:var(--xxl-font-size)}.skill-box p{margin-bottom:0}.skill-box small{color:#464759;color:var(--secondary-color-200);font-size:1rem;font-size:var(--xs-font-size)}.timeline-data{grid-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:auto auto 1fr}.timeline-title{font-size:1.25rem;font-size:var(--m-font-size);font-weight:600;margin-bottom:0}.timeline-subtitle{color:#464759;color:var(--secondary-color-200);display:inline-block;margin-bottom:.5rem}.timeline-calendar,.timeline-subtitle{font-size:1rem;font-size:var(--xs-font-size)}.timeline-calendar{color:#353648;color:var(--secondary-color-300)}.timeline-calendar svg{margin-right:5px}.timeline-rounder{background-color:#353648;background-color:var(--secondary-color-300);border-radius:50%;display:inline-block;height:16px;width:16px}.timeline-rounder__active{box-shadow:0 0 0 3px #e1cbcd,0 0 0 5px #353648;box-shadow:0 0 0 3px var(--primary-color-100),0 0 0 5px var(--secondary-color-300)}.timeline-line{background-color:#353648;background-color:var(--secondary-color-300);display:block;height:99%;transform:translate(8px,-7px);width:1px}.timeline-line__gradient{background:linear-gradient(0deg,#0000 20%,#353648);background:linear-gradient(0deg,#0000 20%,var(--secondary-color-300) 100%)}.timeline-list{color:#353648;color:var(--secondary-color-300);font-size:1rem;font-size:var(--xs-font-size);padding-left:1rem}.timeline-list li{list-style:disc}.portfolio-box{background-color:#e1cbcd;background-color:var(--primary-color-100);font-size:#353648;font-size:var(--secondary-color-300);height:100%;padding:10px}.portfolio-box,.portfolio-box h3{color:#353648;color:var(--secondary-color-300)}.portfolio-box h3{word-wrap:break-word;background-color:initial;margin:.5rem 0;padding:0;text-align:left;text-transform:none}.portfolio-box p{margin-bottom:0}.portfolio-box .btn.btn-custom{margin-top:.75rem}.portfolio-box ul{margin-bottom:.25rem;padding-left:0}.portfolio-box ul li{background-color:#353648;background-color:var(--secondary-color-300);color:#d4b7bb;color:var(--primary-color-300);display:inline-block;font-size:.9rem;font-size:var(--xxs-font-size);margin:0 .25rem .25rem 0;padding:5px;text-transform:uppercase}.portfolio-box ul li:before{content:"#"}.scrollup{background-color:#d4b7bb;background-color:var(--primary-color-300);bottom:-20%;opacity:.8;padding:0 .3rem .5rem;position:fixed;right:2rem;transition:.3s;z-index:555}.scrollup:hover{background-color:#e1cbcd;background-color:var(--primary-color-100)}.scrollup-icon{color:#353648;color:var(--secondary-color-300);font-size:2.25rem;font-size:var(--xxl-font-size);padding-top:.5rem}.show-scroll{bottom:4.7rem}@media (min-width:576px){nav{align-items:flex-end}.nav__menu{justify-content:right}.nav__item{font-size:1.8rem;margin:.5rem 2rem}.nav__item--language{width:2rem}}@media (min-width:992px){.timeline-calendar{text-align:right;width:200px}}@media (min-width:1200px){.timeline-calendar{width:250px}}@media (min-width:1400px){.timeline-calendar{width:300px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.37ff405b.css.map*/