._navbar_14il2_1{position:fixed;top:0;z-index:599;width:100%;padding:10px 30px;height:80px;background-color:rgb(var(--navbarColor));transition:background-color .5s ease;box-shadow:0 4px 20px rgba(var(--navbarColor),.7);left:0;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between}._navbar_14il2_1 ._logo_14il2_18{display:flex;align-items:center;width:auto;gap:10px;cursor:pointer;animation:_fadeIn_14il2_1 1s ease;transition:all .1s;text-transform:uppercase;font-size:1.4rem;font-weight:700}._navbar_14il2_1 ._logo_14il2_18 img{height:40px;width:auto;margin-bottom:3px;margin-top:5px;animation:_fadeIn_14il2_1 1s ease;transition:all .1s}._navbar_14il2_1 ._logo_14il2_18 span{color:var(--textColor)}._navbar_14il2_1 ._actions_14il2_41{display:flex;align-items:center;gap:20px;flex-direction:row-reverse}._navbar_14il2_1 ._actions_14il2_41 ._githubLink_14il2_47{padding:15px;border:none;border-radius:var(--borderRadius-lg);background-color:var(--primary-400);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,transform .3s ease;box-shadow:inset 0 4px 8px #0000001a}._navbar_14il2_1 ._actions_14il2_41 ._githubLink_14il2_47:hover{color:var(--primary-700);transform:scale(1.1)}._navbar_14il2_1 ._actions_14il2_41 ._githubLink_14il2_47 svg{color:var(--textColor)}._navbar_14il2_1 ._actions_14il2_41 ._themeSwitch_14il2_66{padding:15px;border:none;border-radius:var(--borderRadius-lg);background-color:var(--primary-400);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,transform .3s ease;box-shadow:inset 0 4px 8px #0000001a}._navbar_14il2_1 ._actions_14il2_41 ._themeSwitch_14il2_66:hover{background-color:var(--primary-500);transform:scale(1.1)}._navbar_14il2_1 ._actions_14il2_41 ._themeSwitch_14il2_66 svg{color:var(--textColor)}@keyframes _fadeIn_14il2_1{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 768px){._navbar_14il2_1{padding:10px;height:60px}._navbar_14il2_1 ._logo_14il2_18{width:100px}._navbar_14il2_1 ._logo_14il2_18 span{display:none}._navbar_14il2_1 ._actions_14il2_41{gap:15px}._navbar_14il2_1 ._actions_14il2_41 ._themeSwitch_14il2_66{width:40px;height:40px;padding:13px}._navbar_14il2_1 ._actions_14il2_41 ._themeSwitch_14il2_66:hover{transform:scale(1)}._navbar_14il2_1 ._actions_14il2_41 ._githubLink_14il2_47{width:40px;height:40px;padding:5px}}._container_q1lcv_1{display:flex;width:100vw;height:100vh;overflow-y:hidden}._container_12nft_1{display:flex;gap:6vh;flex-direction:column;min-height:100vh;padding:80px 0 0;margin:2% 0}._container_12nft_1 ._titleContainer_12nft_9{display:flex;gap:2vh;flex-direction:column;width:100%}._container_12nft_1 ._titleContainer_12nft_9 ._title_12nft_9{font-size:2.5rem;font-weight:700;color:var(--titleColor);margin:0 auto;text-align:center}._container_12nft_1 ._titleContainer_12nft_9 ._description_12nft_22{font-size:1.2rem;color:var(--titleColor);margin:0 auto 2%;text-align:center}._container_12nft_1 ._component_12nft_28{height:100%;width:100%;transition:opacity .5s ease;display:flex;justify-content:space-around}._container_12nft_1 ._component_12nft_28 ._exampleLandscape_12nft_35{display:flex;border-radius:var(--borderRadius-xl);background-color:var(--backgroundColor);box-shadow:0 0 40px 40px rgba(var(--navbarColor),.2);width:60%;height:70vh;position:relative;overflow:auto}@supports (-moz-appearance: none){._container_12nft_1 ._component_12nft_28 ._exampleLandscape_12nft_35{scrollbar-width:none}}@media screen and (-webkit-min-device-pixel-ratio: 0){._container_12nft_1 ._component_12nft_28 ._exampleLandscape_12nft_35::-webkit-scrollbar{width:0}}._container_12nft_1 ._component_12nft_28 ._descriptionContainer_12nft_57{display:flex;flex-direction:column;gap:2vh;width:25%;margin:auto 0}._container_12nft_1 ._component_12nft_28 ._descriptionContainer_12nft_57 ._componentTitle_12nft_64{font-size:1.8rem;font-weight:700;color:var(--titleColor);margin:0 auto}._container_12nft_1 ._component_12nft_28 ._descriptionContainer_12nft_57 ._componentDescription_12nft_70{font-size:1.2rem;color:var(--titleColor)}._container_12nft_1 ._component_12nft_28 ._descriptionContainer_12nft_57 ._codeBlock_12nft_74{background-color:var(--codeBlockBackground)!important;padding:1.2rem;border-radius:var(--borderRadius-md);overflow-x:auto;font-size:.9rem;color:var(--codeBlockText);margin-top:1rem;width:100%}._container_12nft_1 ._component_12nft_28._active_12nft_84{animation:_slideIn_12nft_1 .5s forwards}@keyframes _slideIn_12nft_1{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 768px){._container_12nft_1{gap:10vh}._container_12nft_1 ._component_12nft_28{flex-direction:column;gap:10vh;align-items:center}._container_12nft_1 ._component_12nft_28 ._exampleLandscape_12nft_35{width:90%;height:80vh}._container_12nft_1 ._component_12nft_28 ._descriptionContainer_12nft_57{width:90%;align-items:center}._container_12nft_1 ._component_12nft_28 ._descriptionContainer_12nft_57 ._codeBlock_12nft_74{font-size:.8rem}}:root{--primary-50: #f3eef7;--primary-100: #e0d1eb;--primary-200: #caaedd;--primary-300: #b28acf;--primary-400: #9a6ec3;--primary-500: #8961ab;--primary-600: #764e95;--primary-700: #5e3a78;--primary-800: #472b5b;--primary-900: #311d3f;--navbarColor: 178, 138, 207;--backgroundColor: var(--backgroundColor-dark);--textColor: var(--textColor-dark);--borderRadius-sm: 4px;--borderRadius-md: 8px;--borderRadius-lg: 16px;--borderRadius-xl: 24px;--backgroundColor-light: #ffffff;--textColor-light: #000000;--backgroundColor-dark: #000000;--textColor-dark: #ffffff;--codeBlockBackground-light: #f5f5f5;--codeBlockBackground-dark: #2d2d2d;--codeBlockText-light: #333;--codeBlockText-dark: #f5f5f5;--codeBlockComment-light: #6a737d;--codeBlockComment-dark: #999999;--codeBlockPunctuation-light: #999;--codeBlockPunctuation-dark: #cccccc;--codeBlockProperty-light: #c92c2c;--codeBlockProperty-dark: #ff5555;--codeBlockString-light: #032f62;--codeBlockString-dark: #66d9ef;--codeBlockOperator-light: #d73a49;--codeBlockOperator-dark: #ff79c6;--codeBlockKeyword-light: #d73a49;--codeBlockKeyword-dark: #ff79c6;--codeBlockFunction-light: #6f42c1;--codeBlockFunction-dark: #50fa7b;--codeBlockVariable-light: #005cc5;--codeBlockVariable-dark: #bd93f9}body.light-mode{--backgroundColor: var(--backgroundColor-light);--textColor: var(--textColor-light);--titleColor: var(--primary-700);--borderColorDiamond: var(--primary-700);--textColorDiamond: var(--textColor-dark);--backgroundColorDiamond: var(--backgroundColor-light);--codeBlockColor: var(--primary-100);--codeBlockBackground: var(--codeBlockBackground-light);--codeBlockText: var(--codeBlockText-light);--codeBlockComment: var(--codeBlockComment-light);--codeBlockPunctuation: var(--codeBlockPunctuation-light);--codeBlockProperty: var(--codeBlockProperty-light);--codeBlockString: var(--codeBlockString-light);--codeBlockOperator: var(--codeBlockOperator-light);--codeBlockKeyword: var(--codeBlockKeyword-light);--codeBlockFunction: var(--codeBlockFunction-light);--codeBlockVariable: var(--codeBlockVariable-light);background-color:var(--backgroundColor)}body.dark-mode{--backgroundColor: var(--backgroundColor-dark);--textColor: var(--textColor-dark);--titleColor: var(--primary-300);--borderColorDiamond: var(--primary-700);--textColorDiamond: var(--textColor-dark);--backgroundColorDiamond: var(--backgroundColor-dark);--codeBlockColor: var(--primary-800);--codeBlockBackground: var(--codeBlockBackground-dark);--codeBlockText: var(--codeBlockText-dark);--codeBlockComment: var(--codeBlockComment-dark);--codeBlockPunctuation: var(--codeBlockPunctuation-dark);--codeBlockProperty: var(--codeBlockProperty-dark);--codeBlockString: var(--codeBlockString-dark);--codeBlockOperator: var(--codeBlockOperator-dark);--codeBlockKeyword: var(--codeBlockKeyword-dark);--codeBlockFunction: var(--codeBlockFunction-dark);--codeBlockVariable: var(--codeBlockVariable-dark);background-color:var(--backgroundColor)}body{overflow:auto}@supports (-moz-appearance: none){body{scrollbar-width:none}}@media screen and (-webkit-min-device-pixel-ratio: 0){body::-webkit-scrollbar{width:0}}*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,"";text-decoration:none}@font-face{font-family:Best Wishes;src:url(./assets/fonts/BestWishes.ttf) format("truetype")}.content{padding:0;position:relative;margin:0 auto}@media screen and (max-width: 768px){.content{max-width:1600px;margin:0 auto}}