@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&family=Montserrat:wght@300;400;500;600&display=swap);*{box-sizing:border-box}*,body{margin:0;padding:0}body{overflow-x:hidden;overflow-y:auto}.home-container{min-height:100vh;position:relative;width:100vw}.background-image{animation:blurAndDarken 3s ease-in-out forwards;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1}.overlay{animation:darkenOverlay 3s ease-in-out forwards;background-color:#0000}.overlay,.spotlight-overlay{height:100vh;left:0;position:fixed;top:0;width:100%;z-index:2}.spotlight-overlay{pointer-events:none;transition:background .1s ease-out}.text-container{left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all 1s ease-in-out;width:-webkit-fit-content;width:fit-content;z-index:3}.text-container.hide{left:50%;top:40px;transform:translate(-50%)}.text-container-static{margin:40px auto 0;opacity:0;padding:20px;position:relative;text-align:center;width:-webkit-fit-content;width:fit-content;z-index:5}.text-container-static.show{opacity:1}.typing-text{color:#fff;font-family:Montserrat,sans-serif;font-size:3rem;font-weight:400;margin:0;max-width:-webkit-fit-content;max-width:fit-content;text-align:left;white-space:pre;width:100%}.text-container-static .typing-text{margin:0 auto;text-align:center}.typing-text:after{content:"Welcome to Sage's Website";display:block;height:0;overflow:hidden;visibility:hidden}.cursor{animation:blink .7s infinite;display:inline-block;margin-left:2px}@keyframes blurAndDarken{0%{filter:blur(0) brightness(1)}to{filter:blur(8px) brightness(.4)}}@keyframes darkenOverlay{0%{background-color:#0000}to{background-color:#00000080}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.subtitle-text{color:#ffffffd9;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:400;margin:10px 0 0;text-align:center}.subtitle-text .letter{display:inline-block;filter:blur(10px);opacity:0;transform:translateY(-20px)}.subtitle-text .letter.revealed{animation:snowReveal .3s ease-out forwards}@keyframes snowReveal{0%{filter:blur(15px);opacity:0;transform:translateY(-30px) scale(1.5)}50%{filter:blur(8px);transform:translateY(-10px) scale(1.2)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.content-boxes-container{align-items:flex-start;display:flex;gap:30px;margin-top:40px;padding:0 5% 50px;position:relative;z-index:4}.left-column{display:flex;flex:2 1;flex-direction:column;gap:30px}.right-column{display:flex;flex:1 1;flex-direction:column;gap:30px}.content-box{animation:fadeInBox .6s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080;border-radius:20px;box-shadow:0 8px 32px #00000080;padding:30px;position:relative;width:100%}.navstar-box{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;box-shadow:none;padding:0}.navstar-content{height:100%;min-height:500px}.navstar-content,.navstar-main-circle{align-items:center;display:flex;justify-content:center;position:relative}.navstar-main-circle{background-color:#fff;border-radius:50%;box-shadow:0 10px 40px #0009,0 5px 20px #0006;cursor:pointer;height:150px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:150px;z-index:10}.navstar-main-circle:hover{box-shadow:0 15px 50px #000000b3,0 8px 25px #00000080;transform:scale(1.05)}.navstar-main-circle.expanded{height:70px;opacity:.8;width:70px}.navstar-main-circle.expanded:hover{transform:scale(1.1)}.navstar-text{font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:500}.navstar-return-icon,.navstar-text{color:#333;-webkit-user-select:none;user-select:none}.navstar-return-icon{font-size:1.8rem}.navstar-item-circle,.navstar-return-icon{align-items:center;display:flex;justify-content:center}.navstar-item-circle{background-color:#fff;border-radius:50%;box-shadow:0 8px 30px #00000080,0 4px 15px #0000004d;cursor:pointer;height:110px;left:50%;margin-left:-55px;margin-top:-55px;opacity:0;pointer-events:none;position:absolute;text-decoration:none;top:50%;transform:translate(0) scale(.3);transition:transform .5s cubic-bezier(.68,-.55,.265,1.55),box-shadow .3s ease,background-color .3s ease,opacity .3s ease;width:110px}.navstar-item-circle.visible{opacity:1;pointer-events:auto;transform:translate(var(--target-x),var(--target-y)) scale(1)}.navstar-item-circle.visible.animating{pointer-events:none}.navstar-item-circle.hidden{opacity:0;pointer-events:none;transform:translate(0) scale(.3);transition:transform .4s ease,opacity .3s ease}.navstar-item-circle.hidden.animating{pointer-events:none}.navstar-item-circle:hover{background-color:#f0f0f0;box-shadow:0 12px 40px #0009,0 6px 20px #0006;transform:translate(var(--target-x),var(--target-y)) scale(1.15)}.navstar-item-text{color:#333;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;text-align:center;-webkit-user-select:none;user-select:none}@keyframes fadeInBox{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.spotify-content{color:#fff;display:flex;flex-direction:column;height:100%}.spotify-header{margin-bottom:20px;text-align:center}.spotify-title{font-size:1.5rem;font-weight:600;margin:0}.spotify-subtitle,.spotify-title{font-family:Montserrat,sans-serif}.spotify-subtitle{color:#ffffffb3;font-size:.9rem;font-weight:400;margin:5px 0 0}.spotify-card{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.album-art{border-radius:10px;box-shadow:0 4px 15px #0006;flex-shrink:0;height:200px;opacity:.85;width:200px}.song-info{display:flex;flex:1 1;flex-direction:column;gap:10px}.song-name{color:#1db954;font-family:Roboto,sans-serif;font-size:1.8rem;font-weight:700;margin:0;text-decoration:none;transition:color .3s ease}.song-name:hover{color:#1ed760;text-decoration:underline}.artist-name{color:#ffffffe6;font-size:1.3rem;font-weight:400}.album-name,.artist-name{font-family:Roboto,sans-serif;margin:0}.album-name{color:#ffffffb3;font-size:1.1rem;font-weight:300}.progress{color:#fff9;font-family:Roboto,sans-serif;font-size:1rem;margin:5px 0 0}.spotify-error,.spotify-loading{align-items:center;color:#fff;display:flex;font-family:Roboto,sans-serif;font-size:1.2rem;height:100%;justify-content:center;text-align:center}.steam-content{color:#fff;display:flex;flex-direction:column;height:100%}.steam-header{margin-bottom:20px;text-align:center}.steam-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.steam-subtitle,.steam-title{font-family:Montserrat,sans-serif}.steam-subtitle{color:#ffffffb3;font-size:.9rem;font-weight:400;margin:5px 0 0}.steam-games-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.steam-game-card{align-items:center;background-color:#ffffff0d;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.steam-game-card:hover{background-color:#ffffff1a;transform:translateX(5px)}.game-icon{border-radius:5px;flex-shrink:0;height:50px;opacity:.85;width:50px}.game-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.game-name{color:#fffffff2;font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-name,.game-playtime{font-family:Roboto,sans-serif;margin:0}.game-playtime{color:#fff9;font-size:.75rem}.steam-error,.steam-loading{align-items:center;color:#fff;display:flex;font-family:Roboto,sans-serif;font-size:1.2rem;height:100%;justify-content:center;text-align:center}@media (max-width:1200px){.left-column,.right-column{flex:1 1}}@media (max-width:768px){.typing-text{font-size:2rem}.subtitle-text{font-size:1rem}.text-container.hide{top:30px}.text-container-static{margin-top:30px}.content-boxes-container{flex-direction:column;margin-top:40px;padding:0 10%}.left-column,.right-column{width:100%}.right-column{order:-1}.content-box{padding:20px}.navstar-content{min-height:350px}.navstar-item-circle{height:90px;margin-left:-45px;margin-top:-45px;width:90px}.navstar-item-text{font-size:.85rem}.navstar-main-circle{height:120px;width:120px}.navstar-main-circle.expanded{height:60px;width:60px}.spotify-header{margin-bottom:15px}.spotify-title{font-size:1.2rem}.spotify-subtitle{font-size:.8rem}.steam-header{margin-bottom:15px}.steam-title{font-size:1.2rem}.steam-subtitle{font-size:.8rem}.steam-games-grid{gap:10px;grid-template-columns:1fr}.game-icon{height:40px;width:40px}.game-name{font-size:.85rem}.game-playtime{font-size:.7rem}.spotify-card{flex-direction:column;text-align:center}.album-art{height:150px;width:150px}.song-info{align-items:center}.song-name{font-size:1.4rem}.artist-name{font-size:1.1rem}.album-name{font-size:.95rem}}@media (max-width:480px){.typing-text{font-size:1.5rem;white-space:normal}.subtitle-text{font-size:.85rem}.text-container.hide{top:20px}.text-container-static{margin-top:20px;padding:10px}.content-boxes-container{flex-direction:column;margin-top:40px;padding:0 5%}.left-column,.right-column{width:100%}.right-column{order:-1}.content-box{border-radius:15px;padding:15px}.navstar-content{min-height:280px}.navstar-item-circle{height:80px;margin-left:-40px;margin-top:-40px;width:80px}.navstar-item-text{font-size:.75rem}.navstar-main-circle{height:100px;width:100px}.navstar-main-circle.expanded{height:50px;width:50px}.navstar-return-icon{font-size:1.4rem}.navstar-text{font-size:1rem}.spotify-header{margin-bottom:10px}.spotify-title{font-size:1rem}.spotify-subtitle{font-size:.75rem}.steam-header{margin-bottom:10px}.steam-title{font-size:1rem}.steam-subtitle{font-size:.75rem}.steam-games-grid{gap:8px;grid-template-columns:1fr}.steam-game-card{padding:8px}.game-icon{height:35px;width:35px}.game-name{font-size:.8rem}.game-playtime{font-size:.65rem}.spotify-card{flex-direction:column;text-align:center}.album-art{height:100px;width:100px}.song-info{align-items:center;gap:8px}.song-name{font-size:1.1rem}.artist-name{font-size:.95rem}.album-name,.progress{font-size:.8rem}@keyframes snowReveal{0%{filter:blur(8px);opacity:0;transform:translateY(-15px) scale(1.3)}50%{filter:blur(4px);transform:translateY(-8px) scale(1.1)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}}
/*# sourceMappingURL=main.39a78e5f.css.map*/