.skills-container{display:block}.skills-container .skill-counter{display:block;max-width:55rem;text-align:end;padding:12px;margin:0 auto 10px}.skills-container .skill-counter span{display:inline;padding:12px;border:1px solid;border-radius:12px}.skills-container .skills-inner{display:flex;position:relative;align-items:center;justify-content:center}.skills-container .skills-inner ul{display:flex;gap:1rem;max-width:55rem;flex-wrap:wrap;justify-content:center}.skills-container .skills-inner ul li{display:block;padding:.5rem 1rem;background-color:var(---background-div-color);border-radius:12px;color:var(---text-div-color);word-break:break-all}.skills-container .skills-inner ul li:hover{cursor:pointer;animation-name:bounce;-moz-animation-name:bounce;position:relative;z-index:999;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.navbar-content{display:flex;gap:10px}.navbar-content .add-button-container{margin-top:auto}@media(max-width:520px){.navbar-content{display:flex;flex-direction:column}.navbar-content .add-button-container{margin:0 auto;padding:10px 0}.navbar-content .text-filter{width:120px;padding:0 10px;text-align:center}.navbar-content .current-filter,.navbar-content .current-filter-inner{margin:0 auto}}.my-experience{position:relative;margin:0 auto;width:100%}.my-experience .timeline{position:relative;margin:50px auto}@media(max-width:760px){.my-experience .timeline{margin:25px auto;width:100%}}.my-experience .timeline:after{content:"";position:absolute;width:4px;height:100%;background:#fff;border-radius:18px;top:0;left:50%;z-index:-1;margin-left:-2px;animation:moveline 3s linear forwards}@media(max-width:760px){.my-experience .timeline:after{left:31px}}@keyframes moveline{0%{height:0}to{height:100%}}.my-experience .container{padding:10px 50px;position:relative;width:50%;animation:movedown 1s linear forwards;opacity:0;max-width:unset}@media(max-width:760px){.my-experience .container{width:100%;padding-left:80px;padding-right:25px}}.my-experience .container .text-box{padding:20px;background:#fff;position:relative;border-radius:12px;font-size:15px;color:#000}@media(max-width:760px){.my-experience .container .text-box{font-size:13px;max-width:100%}}.my-experience .container .text-box h2{display:block;font-size:20px;font-weight:600}.my-experience .container .text-box small{display:inline-block;margin-bottom:15px;font-size:14px}@media(max-width:760px){.my-experience .container .text-box small{margin-bottom:10px}}.my-experience .container .text-box.collapse-in{height:100%}.my-experience .container .text-box.collapse-in .sticky{position:absolute;right:10px;top:calc(100% - 20px)}.my-experience .container .logo-company{display:flex;justify-content:center;align-items:center;position:absolute;width:40px;height:40px;border-radius:50%;background:#fff;top:32px}.my-experience .container .logo-company:after{font-family:Bootstrap-icons;font-size:24px;color:#000}.my-experience .container .school:after{content:""}.my-experience .container .job:after{content:""}.my-experience .container .google:after{content:""}.my-experience .container .amazon:after{content:""}.my-experience .container .facebook:after{content:""}@keyframes movedown{0%{opacity:1;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.my-experience .container:nth-child(odd){left:0}.my-experience .container:nth-child(odd) .arrow-container{height:0;width:0;position:absolute;top:28px;z-index:1;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #fff;right:-15px}@media(max-width:760px){.my-experience .container:nth-child(odd) .arrow-container{border-right:15px solid #fff;border-left:0;left:-15px}}.my-experience .container:nth-child(odd) .logo-company{right:-20px}@media(max-width:760px){.my-experience .container:nth-child(odd) .logo-company{left:10px}.my-experience .container:nth-child(odd){padding-right:unset}}@media(min-width:760px){.my-experience .container:nth-child(odd){padding-left:unset}}.my-experience .container:nth-child(2n){left:50%}.my-experience .container:nth-child(2n) .arrow-container{height:0;width:0;position:absolute;top:28px;z-index:1;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #fff;left:-15px}.my-experience .container:nth-child(2n) .logo-company{left:-20px}@media(max-width:760px){.my-experience .container:nth-child(2n) .logo-company{left:10px}}@media(min-width:760px){.my-experience .container:nth-child(2n){padding-right:unset}}@media(max-width:760px){.my-experience .container:nth-child(2n){left:0;padding-right:unset}}.my-experience .container:first-child{animation-delay:0s}.my-experience .container:nth-child(2){animation-delay:1s}.my-experience .container:nth-child(3){animation-delay:2s}.my-experience .container:nth-child(4){animation-delay:3s}.add-experience-button{display:block}.add-experience-button .btn-add-experience-button{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:#fff;color:#000;border-radius:50%;margin:0 auto}.add-experience-button .btn-add-experience-button:before{display:flex;justify-content:center;align-items:center;content:"";font-family:Bootstrap-icons;font-size:32px}.add-experience-button .btn-add-experience-button:hover{background:#d1d0d0}.experience-container{display:flex;flex-direction:column}.experience-container .more{margin-top:auto}.collapse-out .text-content{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal}.collapse-in .text-content{word-wrap:break-word}