body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.scroll-container{animation:gradientBG 15s ease infinite;background:linear-gradient(-45deg,#ff416c,#ff4b2b,#1fd1f9,#b621fe);background-size:400% 400%;height:100vh;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.section{align-items:center;background:#0000;color:#fff;display:flex;font-family:Arial,sans-serif;font-size:3rem;height:100vh;justify-content:center;scroll-snap-align:start;text-align:center}.last{flex-direction:column}.scroll-container::-webkit-scrollbar{width:12px}.scroll-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:6px}.scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff416c,#1fd1f9);border-radius:6px;-webkit-transition:background .3s;transition:background .3s}.scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff4b2b,#b621fe)}.scroll-container{scrollbar-color:#fff #fff3;scrollbar-width:0}button{background:#000;background-size:200% 200%;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:1.3rem;font-weight:700;overflow:hidden;padding:20px 50px;position:relative;transition:all .4s ease}button:hover{animation:neonGradient 2s linear infinite;box-shadow:0 0 20px #ff416c99,0 0 40px #1fd1f999,0 0 60px #b621fe99;transform:scale(1.05)}button:hover:after{background:linear-gradient(120deg,#ffffff4d,#fff0);content:"";height:100%;left:-50%;position:absolute;top:0;transform:skewX(-25deg);transition:all .5s ease;width:200%}@keyframes neonGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@property --angle{syntax:"<angle>";inherits:false;initial-value:91deg}.full-screen{background-color:#34313b;color:#eee;display:grid;font-family:Inter,sans-serif;grid-template-areas:"sidebar main" "sidebar bottom";grid-template-columns:23% auto;grid-template-rows:auto 22%;height:100dvh;overflow:hidden;width:100dvw}.side-bar{animation:slide-in-left .7s cubic-bezier(.22,1,.36,1) both;background-color:#2b2930;box-shadow:4px 0 20px #0006;display:flex;flex-direction:column;grid-area:sidebar;padding:20px;z-index:2}.sidebar-title{color:#b4a7ff;font-size:1.4rem;font-weight:600;margin:0 0 16px}.sidebar-menu{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.sidebar-menu li{border-radius:8px;color:#ccc;cursor:pointer;font-weight:500;padding:10px 12px;transition:background .25s ease,transform .25s ease}.sidebar-menu li:hover{background:#ffffff12;transform:translateX(5px)}.sidebar-menu li.active{background:#7c3aed;color:#fff}.bottom-bar{align-items:center;animation:slide-in-up .8s cubic-bezier(.22,1,.36,1) both;background-color:#26242c;box-shadow:0 -4px 20px #0006;color:#cfcfcf;display:flex;font-size:1rem;grid-area:bottom;padding:20px 28px;z-index:1}.main-content{animation:fade-in 1s ease .6s both;background-color:#3b3842;border-radius:12px 0 0 0;grid-area:main;overflow-y:auto;padding:40px}@keyframes slide-in-left{0%{filter:blur(8px);opacity:0;transform:translateX(-100%)}to{filter:blur(0);opacity:1;transform:translateX(0)}}@keyframes slide-in-up{0%{filter:blur(8px);opacity:0;transform:translateY(100%)}to{filter:blur(0);opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.main-screen{align-items:center;flex-direction:column;height:100%;width:100%}.main-screen,.welcome-text{display:flex;justify-content:center}.welcome-text{font-size:4rem}.name-text{animation:flicker-in-1 2s linear both;color:#db7093;font-family:Allura,cursive;font-style:normal;font-weight:400;margin-left:20px;text-shadow:0 0 5px #c714be,0 0 10px #a80ead,0 0 20px #d30ac2,0 0 40px #f0d,0 0 80px #ad0897,0 0 90px #9714ee,0 0 100px #ff64ff,0 0 150px #0ff}.main-column{align-items:center;justify-content:center}.main-column,.paragraph{display:flex;flex-flow:column nowrap}.paragraph{color:#b9b9b9;font-size:2rem;margin-top:20%;padding:10px;width:100%}@keyframes flicker-in-1{0%{opacity:0}10%{opacity:0}10.1%{opacity:1}10.2%{opacity:0}20%{opacity:0}20.1%{opacity:1}20.6%{opacity:0}30%{opacity:0}30.1%{opacity:1}30.5%{opacity:1}30.6%{opacity:0}45%{opacity:0}45.1%{opacity:1}50%{opacity:1}55%{opacity:1}55.1%{opacity:0}57%{opacity:0}57.1%{opacity:1}60%{opacity:1}60.1%{opacity:0}65%{opacity:0}65.1%{opacity:1}75%{opacity:1}75.1%{opacity:0}77%{opacity:0}77.1%{opacity:1}85%{opacity:1}85.1%{opacity:0}86%{opacity:0}86.1%{opacity:1}to{opacity:1}}.collage{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:10px}.collage-item{border-radius:12px;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.collage-item img{display:block;height:100%;object-fit:cover;transition:transform .3s;width:100%}.collage-item:hover{box-shadow:0 8px 20px #0000004d;transform:scale(1.05)}.collage-item:hover img{transform:scale(1.1)}
/*# sourceMappingURL=main.c0db7cb7.css.map*/