.navbar-container{position:absolute;display:flex;width:calc(100% - 40px);flex-direction:row;justify-content:flex-end;align-items:center;padding:20px}.navbar-favicon{width:45px;height:45px;transition:.3s}.navbar-favicon:hover{transform:scale(1.25) rotate(270deg)}.navbar-nav-row{display:flex;width:100%;flex-direction:row;justify-content:center;align-items:center}.navbar-button{font-size:16rem;font-weight:300;font-family:var(--font);color:var(--text-color);margin:0;text-align:center;background-color:transparent;border:0;text-decoration:none;border-right:3px solid var(--hidden-text-color);padding-left:10px;padding-right:10px;transition:.3s}.navbar-button:last-child{border:0}.navbar-button:hover{opacity:.5}.navbar-sidebar-icon{width:25rem;height:25rem;transition:.3s}.navbar-sidebar-icon:hover{opacity:.7}.sidebar{display:flex;align-items:flex-start;justify-content:flex-start;position:fixed;flex-direction:column;top:0;right:-100%;height:100%;background-color:var(--main-color);transition:right .3s ease;z-index:100;padding:20px}.sidebar.open{right:0}.sidebar-close-button{background:none;border:none;font-size:20px;cursor:pointer}.sidebar-close-icon{width:25rem;height:25rem;transition:.3s}.sidebar-close-icon:hover{opacity:.7}.sidebar-button{font-size:19rem;font-weight:300;font-family:var(--font);color:var(--text-color);margin:10px 0 0;text-align:center;background-color:transparent;border:0;text-decoration:none;transition:.3s}.sidebar-button:hover{opacity:.5}.stars{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none}.home-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:var(--background-color);min-height:100vh;width:100vw;box-sizing:border-box;overflow:hidden}.separator{border-top:3px dotted var(--text-color);width:100vw}.block{display:flex;flex-direction:column;border-top:3px dotted var(--hidden-text-color);align-items:center;justify-content:center;padding:40rem;width:calc(100vw - 40rem);z-index:1}.title{font-size:37rem;text-align:center;font-weight:700;font-family:var(--font);color:var(--text-color);margin:0;padding:0}.description{font-size:20rem;text-align:center;font-weight:200;font-family:var(--font);color:var(--text-color);margin:0;padding:0}.home-list{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;width:100%;gap:10px;margin:0;margin-top:30rem;padding:0}.skills-container{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:20rem;width:100%;margin:0;margin-top:30rem;padding:0}.skills-item{flex:0 0 320rem;display:flex}@media (max-width: 1100px){.skills-container{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:40rem;scroll-padding-right:40rem;padding-left:20rem;padding-right:20rem;gap:0;scrollbar-width:none}.skills-container::-webkit-scrollbar{display:none}.skills-item{flex:0 0 320rem;scroll-snap-align:start;margin:16rem}}.achievements-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20rem;width:100%;margin-top:30rem}.achievement-item{flex:0 0 450px}@media (max-width: 1100px){.achievements-container{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:40rem;scroll-padding-right:40rem;padding-left:20rem;padding-right:20rem;gap:0;scrollbar-width:none}.achievements-container::-webkit-scrollbar{display:none}.achievement-item{flex:0 0 450px;scroll-snap-align:start;margin:16rem}}.snapshots-container{display:flex;justify-content:flex-start;align-items:stretch;width:calc(100% - 40rem);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:40rem;scroll-padding-right:40rem;padding-left:40rem;padding-right:40rem;margin-top:30rem;gap:30rem;scrollbar-width:none}.snapshots-container::-webkit-scrollbar{display:none}.snapshots-item{flex:0 0 0;height:auto;scroll-snap-align:start;object-fit:fill;max-height:600rem;transition:.3s}.snapshots-item:hover{transform:scale(.99);opacity:.8}.home-learn-more-button{display:"flex";background-color:var(--text-color);justify-content:center;align-items:center;border-radius:16px;font-size:19rem;padding:20rem;font-family:var(--font);color:var(--background-color);border:0;margin-top:20rem;transition:.3s}.home-learn-more-button:hover{opacity:.7}.home-link-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:10rem}.home-link-button{display:"flex";background-color:var(--text-color);justify-content:center;align-items:center;border-radius:16px;font-size:19rem;padding:20rem;font-family:var(--font);color:var(--background-color);border:0;margin-top:10rem;transition:.3s}.home-link-button:hover{opacity:.8;transform:scale(1.03)}:root{--background-color: #090a0f;--main-color: #15161b;--additional-color: #574acf;--text-color: #dedede;--hidden-text-color: #2c2d34;--star-color: #fafaff}:root{--font: "Geologica", sans-serif}.portfolio-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:var(--background-color);min-height:100vh;width:100vw;box-sizing:border-box;overflow:hidden;padding:40rem}.portfolio-block{justify-content:flex-start;align-items:flex-start}.portfolio-nav-bar{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:0;margin-bottom:20rem}.portfolio-back-icon{width:22rem;height:22rem}.portfolio-nav-button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background-color:transparent;border:0;font-size:19rem;text-align:center;font-weight:300;font-family:var(--font);color:var(--text-color);margin:0;padding:0;transition:.3s}.portfolio-nav-button:hover{transform:scale(1.05);opacity:.7}.portfolio-title{font-size:37rem;text-align:center;font-weight:700;font-family:var(--font);color:var(--text-color);margin:0;padding:0}.portfolio-list{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:10px;margin:0;margin-top:10rem;padding:0}.portfolio-learn-more-button{display:"flex";background-color:var(--text-color);justify-content:center;align-items:center;border-radius:16px;font-size:19rem;padding:20rem;font-family:var(--font);color:var(--background-color);border:0;margin-top:10rem}
