:root{--text-color: #94a3b8;--text-color-highlited: #e2e8f0;--background: #0f172a}body{padding:0;margin:0;color:var(--text-color-highlited);background:var(--background);font-family:Poppins,sans-serif;font-weight:100;overflow-x:hidden}#root{height:100vh}.cursor{position:absolute;width:100%;height:100%;margin:0}.container{height:100%;overflow-x:hidden}.left-container,.right-container{padding-block:6rem;padding-inline:2rem;min-height:100vh}.left-container{max-height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:sticky;top:0}.right-container{overflow-y:auto;overflow-x:hidden}p{color:var(--text-color)}.title,.subtitle,span{color:var(--text-color-highlited)}.title-container{margin-bottom:6rem}.title{font-size:3em}.show{opacity:1}.description-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.menu-item a{color:var(--text-color);transition:.5s ease-in-out color;width:fit-content}.selected a{color:var(--text-color-highlited)}.menu-item a:hover{background:none;color:var(--text-color-highlited);cursor:pointer}.links ul{display:flex;gap:10px}.links img{opacity:.3;transition:.5s ease-in-out opacity;min-width:1.8em;height:2em}.links img:hover{opacity:1}img{width:30px}.experiences{margin-top:3rem}.exp-date p{font-size:.8em}.tech-list{margin-top:1rem;display:flex;gap:1em;flex-wrap:wrap}.tech-item{color:#55d7cb;background-color:#55d7cb0d;padding:10px;border-radius:20px;font-size:.8em}.project-img img{width:100%}.projects,.experiences{padding:1rem;transition:.3s ease-in-out;border-radius:15px 15px 0 0}.projects-link,.projects-link:hover{color:var(--text-color-highlited)}.projects:hover,.experiences:hover{background-color:#1d4fd818;box-shadow:0 1px #55d7cb}.projects:hover{cursor:pointer}.mobile-title{display:none}::-webkit-scrollbar{width:0px;height:0px}::-webkit-scrollbar-track{background:transparent}.divider{width:100%;height:1px;background:#ffffff0f;margin-block:2rem}@media only screen and (max-width: 768px){.title{font-size:2em}.left-container{position:relative;padding:3rem;padding-block:6rem}.right-container{padding:3rem}.mobile-title{display:block;text-align:left;margin-bottom:3em}.experiences{margin-top:0}.experiences-container,.projects-container{margin-top:3rem}.selected a{color:var(--text-color)}}