@import"https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";body{margin:0;padding:0;box-sizing:border-box;font-family:Urbanist,sans-serif}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#111;color:#fff;position:sticky;top:0;z-index:999;box-shadow:0 4px 6px #0000001a}.nav-logo{font-size:1.5rem;font-weight:700;letter-spacing:1px;color:#fff}.nav-links{display:flex;list-style:none;gap:2rem}.nav-link{position:relative;text-decoration:none;color:#bbb;font-size:1rem;padding:5px 0;transition:color .3s ease}.nav-link:after{content:"";position:absolute;left:0;bottom:-3px;width:0%;height:2px;background:#00d8ff;transition:width .3s ease}.nav-link:hover,.nav-link.active{color:#00d8ff}.nav-link:hover:after,.nav-link.active:after{width:100%}.home-container{width:80%;margin:auto}.home-container h1{font-size:4rem;text-align:start;color:#333}.home-container h1 span{color:#f08}.home-container p{font-size:1.3rem;font-weight:300;line-height:1.6;color:#555}:root{--hue-1: #ff6b6b;--hue-2: #feca57;--hue-3: #48dbfb;--hue-4: #1dd1a1;--hue-5: #5f27cd;--hue-6: #ff9ff3}.containers{display:flex;align-items:center;justify-content:center;gap:20px;height:85vh;background-color:#f4f4f4}.slide-box{width:500px;height:400px;border-radius:12px}.nav-button{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}.container{position:relative;display:flex;justify-content:flex-start;align-items:stretch;flex:1;width:500px;max-width:100%;height:89vh;background-color:var(--accent);border-radius:20px;overflow:hidden}.nav{width:300px}.background{background-color:#f5f5f5;position:absolute;top:0;left:0;bottom:0;width:300px}.toggleContainer{outline:none;border:none;cursor:pointer;position:absolute;top:18px;left:15px;width:50px;height:50px;border-radius:50%;background:transparent}.list{list-style:none;padding:25px;margin:0;position:absolute;top:80px;width:230px}.listItem{display:flex;align-items:center;justify-content:flex-start;padding:0;margin:0 0 20px;list-style:none;cursor:pointer}.iconPlaceholder{width:40px;height:40px;border-radius:50%;flex:40px 0;margin-right:20px}.textPlaceholder{border-radius:5px;width:200px;height:20px;flex:1}.img-container{height:100vh;scroll-snap-align:start;display:flex;justify-content:center;align-items:center;position:relative;background-color:#111}.img-container>div{width:300px;height:400px;margin:20px;background:#f5f5f5;overflow:hidden}.img-container img{width:300px;height:400px}@media (max-width: 500px){.img-container>div{width:150px;height:200px}.img-container img{width:150px;height:200px}}.img-container h2{color:#8df0cc;margin:0;font-family:Azeret Mono,monospace;font-size:50px;font-weight:700;letter-spacing:-3px;line-height:1.2;position:absolute;display:inline-block;top:calc(50% - 25px);left:calc(50% + 120px)}.progress{position:fixed;left:0;right:0;height:5px;background:#8df0cc;bottom:50px;transform:scaleX(0)}