@import url('https://fonts.googleapis.com/css?family=Pacifico');:root{--body-color:48 48 58;--font-color:255 255 255;--highlight-color:0 0 0;--theme-background:20 20 20;--theme-light:0 0 0;--theme-medium:0 0 0;--theme-dark:0 0 0;}body{background-color:rgb(var(--body-color));margin:0px;}body::-webkit-scrollbar{width:4px;}body::-webkit-scrollbar-track{background-color:rgb(var(--theme-background));}body::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.15);}*{box-sizing:border-box;}h1, h2, h3, h4, input, select, button, span, a, p{color:rgb(var(--font-color));font-family:"Noto Sans", sans-serif;font-size:1rem;font-weight:400;margin:0px;}button, a, input{outline:none;}.highlight{color:rgb(var(--highlight-color));}.fancy-scrollbar::-webkit-scrollbar{height:4px;width:4px;}.fancy-scrollbar::-webkit-scrollbar-track{background-color:transparent;}.fancy-scrollbar::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.15);}.no-scrollbar::-webkit-scrollbar{height:0px;width:0px;}#phone{background-color:rgb(var(--theme-background));box-shadow:rgba(0, 0, 0, 0.2) 0px 8px 24px;height:851px;width:393px;margin:100px auto;position:relative;overflow:hidden;}#main-wrapper{height:100%;overflow:auto;}#main{height:100%;}#content{padding:1rem;}#links-container{display:flex;align-items:center;justify-content:space-around;gap:0.75rem;}#links-container > a{color:rgb(255 255 255 / 80%);font-size:0.75rem;text-decoration:none;}#links-container > a:is(:hover, :focus){text-decoration:underline;}#header-container{width:100%;position:relative;margin-top:1rem;}#logo{display:flex;width:100%;border-radius:0.5rem;border-bottom-left-radius:0.2rem;border-bottom-right-radius:0.2rem;}#user-menu-button{height:47%;position:absolute;right:0rem;bottom:0rem;background-color:transparent;margin-right:3.52%;margin-bottom:2.70%;padding:0rem;border:none;border-radius:100%;}#user-menu-button > img{display:flex;height:100%;border-radius:inherit;}#search-container{display:flex;gap:0.2rem;margin-top:0.2rem;}#search-input-container > input,#search-container > button{background-color:rgb(255 255 255 / 10%);color:rgb(255 255 255 / 80%);font-size:1rem;border:none;}#search-input-container:has(input:focus),#search-container > button:focus{background-color:rgb(255 255 255 / 16%);}#search-container > button{width:3.5rem;border-radius:0.2rem;cursor:pointer;}#search-container > #image-button{border-bottom-right-radius:0.5rem;}#search-input-container{display:flex;align-items:center;gap:0.75rem;background-color:rgb(255 255 255 / 10%);padding-left:1rem;border-radius:0.2rem;border-bottom-left-radius:0.5rem;}#search-input-container > img{height:1.5rem;}#search-input-container > input{width:100%;height:3.25rem;background-color:transparent;padding:1rem;padding-left:0rem;}#apps-container{display:grid;gap:0.2rem;grid-template-columns:repeat(2, 50%);margin:3rem 0rem;}#apps-container > a{display:flex;align-items:center;gap:0.5rem;background-color:rgb(255 255 255 / 10%);padding:1rem 0.75rem;border-radius:0.2rem;text-decoration:none;}#apps-container > a > i{height:2rem;width:2rem;flex-shrink:0;font-size:1.5rem;line-height:2rem;text-align:center;}#apps-container > a > .label{width:calc(100% - 2.5rem);display:flex;flex-direction:column;align-self:flex-start;overflow:hidden;}#apps-container > a > .label > :is(.name, .url){width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}#apps-container > a > .label > .name{font-size:0.8rem;}#apps-container > a > .label > .url{font-size:0.7rem;color:rgb(255 255 255 / 50%);}#apps-container > a:is(:hover, :focus){background-color:rgb(255 255 255 / 16%);}#apps-container > a:first-child{border-top-left-radius:0.5rem;}#apps-container > a:nth-child(2){color:rgb(255, 0, 0);border-top-right-radius:0.5rem;}#apps-container > a:nth-child(3){color:rgb(28, 204, 91);}#apps-container > a:nth-child(4){color:rgb(28, 147, 228);}#apps-container > a:nth-child(5){color:rgb(242, 85, 90);}#apps-container > a:nth-child(7){border-bottom-left-radius:0.5rem;}#apps-container > a:last-child{color:rgb(15, 118, 14);border-bottom-right-radius:0.5rem;}#discover-container{width:100%;}#discover-toggles{width:80%;display:flex;background-color:rgb(255 255 255 / 7.5%);margin:auto;border-radius:0.5rem;}#discover-toggles > button{flex-grow:1;background-color:transparent;padding:0.75rem;border:none;border-radius:0.5rem;outline:none;font-size:0.8rem;cursor:pointer;}#discover-toggles > button:first-child{border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;background-color:rgb(255 255 255 / 10%);}#discover-toggles > button:last-child{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}#discover-feed{margin-top:0.5rem;}.discover-card{display:flex;flex-direction:column;gap:0.25rem;text-decoration:none;}.discover-card > img{width:100%;aspect-ratio:1.6 / 1;object-fit:cover;border-radius:0.5rem;border-bottom-left-radius:0.25rem;border-bottom-right-radius:0.25rem;}.discover-card > .discover-card-info{display:flex;flex-direction:column;gap:0.25rem;background-color:rgb(255 255 255 / 10%);padding:0.75rem;border-radius:0.5rem;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;}.discover-card > .discover-card-info > .title{font-size:0.8rem;}.discover-card > .discover-card-info > .desc{font-size:0.7rem;color:rgb(255 255 255 / 50%);}@media(max-width:500px){body{overflow:auto;}#phone{height:100vh;display:flex;width:100%;margin:0px auto;}#main-wrapper{width:100%;flex-grow:1;}}.social-buttons{display:flex;flex-wrap:wrap;justify-content:right;gap:8px;}.social-button{position:relative;display:flex;justify-content:center;align-items:center;outline:none;width:30px;height:30px;text-decoration:none;border-radius:100%;background:#fff;text-align:center;}.social-button::after{content:'';position:absolute;top:-1px;left:50%;display:block;width:0;height:0;border-radius:100%;transition:0.3s;}.social-button:focus, .social-button:hover{color:#fff;}.social-button:focus::after, .social-button:hover::after{width:calc(100% + 2px);height:calc(100% + 2px);margin-left:calc(-50% - 1px);}.social-button i, .social-button svg{position:relative;z-index:1;transition:0.3s;}.social-button i{font-size:20px;}.social-button svg{height:40%;width:40%;}.social-button--instagram{color:#3f729b;background-color:white;border:none;padding:0;margin:0 5px;font-size:24px;}.social-button--youtube{color:#ff0000;background-color:white;border:none;padding:0;margin:0 5px;font-size:24px;}.social-button--mail{color:#0072c6;}.social-button--mail::after{background:#0072c6;}.social-button--facebook{color:#3b5999;}.social-button--facebook::after{background:#3b5999;}.social-button--linkedin{color:#0077b5;}.social-button--linkedin::after{background:#0077b5;}.social-button--github{color:#6e5494;}.social-button--github::after{background:#6e5494;}.social-button--codepen{color:#212121;}.social-button--codepen::after{background:#212121;}.social-button--steam{color:#7da10e;}.social-button--steam::after{background:#7da10e;}.social-button--snapchat{color:#eec900;}.social-button--snapchat::after{background:#eec900;}.social-button--twitter{color:#55acee;}.social-button--twitter::after{background:#55acee;}.social-button--instagram{color:#e4405f;}.social-button--instagram::after{background:#e4405f;}.social-button--npmjs{color:#c12127;}.social-button--npmjs::after{background:#c12127;}:root{--atom-size:180px;--atom-color-hex:#00d8ff;--atom-color-rgb:0, 216, 255;--nucleus-size:calc(var(--atom-size) / 5);--electron-color-hex:#99f8ff;--electron-size :calc(var(--atom-size) / 25);--electron-orbit-size :calc(var(--atom-size) / 2.5);--electron-speed :1.2s;--electron-speed-alpha :1s;--electron-speed-omega :.8s;}*, *:before, *::after{box-sizing:border-box;}.atom{position:relative;width:var(--atom-size);height:var(--atom-size);animation:8s atom infinite cubic-bezier(1, .25, 0, .75);}@keyframes atom{0%{transform:rotate(0deg) scale(1);}12.5%{transform:rotate(-45deg) scale(.9);}25%{transform:rotate(-90deg) scale(1);}37.5%{transform:rotate(-135deg) scale(.9);}50%{transform:rotate(-180deg) scale(1);}62.5%{transform:rotate(-225deg) scale(.9);}75%{transform:rotate(-270deg) scale(1);}87.5%{transform:rotate(-315deg) scale(.9);}100%{transform:rotate(-360deg) scale(1);}}.atom::before{content:'';display:block;position:absolute;top:50%;left:50%;width:var(--nucleus-size);height:var(--nucleus-size);margin-top:calc(var(--nucleus-size) / -2);margin-left:calc(var(--nucleus-size) / -2);background:var(--electron-color-hex);border-radius:100%;box-shadow:0 0 3px 0 var(--atom-color-hex);animation:2s nucleus infinite cubic-bezier(.65, 0, .35, 1);}@keyframes nucleus{0%{transform:scale(1);}25%{transform:scale(.9);}50%{transform:scale(1);}75%{transform:scale(.85);}100%{transform:scale(1);}}.atom > [class^="electron"]{border-top:solid rgba(var(--atom-color-rgb), .5) 1px;border-right:solid rgba(var(--atom-color-rgb), .35) 2px;border-bottom:solid rgba(var(--atom-color-rgb), .2) 4px;border-left:solid rgba(var(--atom-color-rgb), 0) 2px;border-radius:100%;width:100%;height:var(--electron-orbit-size);position:absolute;top:50%;margin-top:calc(var(--electron-orbit-size) / -2);animation:var(--electron-speed) electron-orbit infinite linear;}.atom > .electron-alpha{transform:rotate(60deg);animation:var(--electron-speed-alpha) electron-orbit infinite linear;}.atom > .electron-omega{transform:rotate(-60deg);animation:var(--electron-speed-omega) electron-orbit infinite linear;}@keyframes electron-orbit{0%{border-top:solid rgba(var(--atom-color-rgb), .5) 1px;border-right:solid rgba(var(--atom-color-rgb), .35) 2px;border-bottom:solid rgba(var(--atom-color-rgb), .2) 4px;border-left:solid rgba(var(--atom-color-rgb), 0) 2px;}25%{border-top:solid rgba(var(--atom-color-rgb), .35) 1px;border-right:solid rgba(var(--atom-color-rgb), .2) 2px;border-bottom:solid rgba(var(--atom-color-rgb), 0) 4px;border-left:solid rgba(var(--atom-color-rgb), .5) 2px;}50%{border-top:solid rgba(var(--atom-color-rgb), .2) 1px;border-right:solid rgba(var(--atom-color-rgb), 0) 2px;border-bottom:solid rgba(var(--atom-color-rgb), .5) 4px;border-left:solid rgba(var(--atom-color-rgb), .35) 2px;}75%{border-top:solid rgba(var(--atom-color-rgb), 0) 1px;border-right:solid rgba(var(--atom-color-rgb), .5) 2px;border-bottom:solid rgba(var(--atom-color-rgb), .35) 4px;border-left:solid rgba(var(--atom-color-rgb), .2) 2px;}100%{border-top:solid rgba(var(--atom-color-rgb), .5) 1px;border-right:solid rgba(var(--atom-color-rgb), .35) 2px;border-bottom:solid rgba(var(--atom-color-rgb), .2) 4px;border-left:solid rgba(var(--atom-color-rgb), 0) 2px;}}.atom [class^="electron"]::after{content:'';display:block;width:var(--electron-size);height:var(--electron-size);background:var(--electron-color-hex);border-radius:50%;margin-top:calc(var(--electron-size) / -2);position:absolute;top:50%;left:calc(var(--electron-size) / -1);transform:scale(1);animation:calc(var(--electron-speed) * 2) electron infinite ease-in-out;}.atom .electron-alpha::after{animation:calc(var(--electron-speed-alpha) * 2) electron infinite ease-in-out;}.atom .electron-omega::after{animation:calc(var(--electron-speed-omega) * 2) electron infinite ease-in-out;}@keyframes electron{0%{left:calc(var(--electron-size) / -1);transform:scale(1);}12.5%{top:100%;transform:scale(1.5);}25%{left:100%;transform:scale(1);}37.5%{top:0%;transform:scale(.25);}50%{left:calc(var(--electron-size) / -1);transform:scale(1);}62.5%{top:100%;transform:scale(1.5);}75%{left:100%;transform:scale(1);}87.5%{top:0%;transform:scale(.25);}100%{left:calc(var(--electron-size) / -1);transform:scale(1);}}main{position:relative;}main::after{content:'';display:block;position:absolute;top:115%;left:0;width:var(--atom-size);height:var(--nucleus-size);background-image:radial-gradient(closest-side, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));border-radius:100%;transform:scale(1, .8);animation:8s shadow infinite cubic-bezier(1, .25, 0, .75);}@keyframes shadow{0%{transform:scale(1, .8) translateY(0);}12.5%{transform:scale(.7, .7) translateY(-20px);}25%{transform:scale(1, .8) translateY(0);}37.5%{transform:scale(.7, .7) translateY(-20px);}50%{transform:scale(1, .8) translateY(0);}62.5%{transform:scale(.7, .7) translateY(-20px);}75%{transform:scale(1, .8) translateY(0);}87.5%{transform:scale(.7, .7) translateY(-20px);}100%{transform:scale(1, .8) translateY(0);}}footer{position:absolute;bottom:0;left:0;width:100%;height:4rem;display:grid;place-items:center;}a{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Helvetica Neue", Arial, sans-serif;;font-size:smaller;font-weight:lighter;text-decoration:none;padding:.6rem .8rem;border-radius:.3rem;color:rgba(255, 255, 255, .25);background:rgba(0, 0, 0, 0);transition:all .35s ease-in-out;}a:hover{color:rgba(255, 255, 255, 1);background:rgba(0, 0, 0, .5);}.parent{border:1px solid black;margin:1rem;padding:2rem 2rem;text-align:center;}.child{display:inline-block;padding:1rem 1rem;vertical-align:middle;}button{border:none;cursor:pointer;background-color:transparent;outline:none;}svg{height:1.6rem;width:1.6rem;}.text-truncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}.dropdown-container{margin-top:30vh;display:flex;flex-direction:column;width:100%;max-width:34rem;}.dropdown-title-icon,.dropdown-arrow{display:inline-flex;}.dropdown-title{margin:0 auto 0 1.8rem;text-transform:capitalize;}.dropdown-button{font-family:"Roboto", sans-serif;font-weight:400;font-size:1.7rem;display:flex;align-items:center;padding:0 1.8rem;}.dropdown-button svg{transition:all var(--transition-time) var(--transition-timing);fill:var(--text-color);}.dropdown-button svg,.dropdown-button span{pointer-events:none;}.dropdown-button:hover,.dropdown-button:focus{color:var(--text-active);}.dropdown-button:hover svg,.dropdown-button:focus svg{fill:var(--text-active);}.main-button{height:5.2rem;border-radius:var(--border-radius);color:var(--text-color);background-color:var(--primary-bg-color);border:0.1rem solid var(--border-color);transition:all var(--transition-time) var(--transition-timing);}.main-button:focus{border:0.1rem solid var(--primary-color);box-shadow:0 0 0 0.2rem rgba(44, 98, 246, 0.4);}.main-button .dropdown-arrow{transition:transform var(--transition-time) var(--transition-timing);transform:rotate(var(--rotate-arrow));margin-left:1.8rem;}.list-button{height:var(--list-button-height);transition:color var(--transition-time) var(--transition-timing);color:var(--text-color);overflow:hidden;cursor:none;}.dropdown-list-container{overflow:hidden;max-height:var(--dropdown-height);transition:max-height var(--transition-time) var(--transition-timing);}.dropdown-list-wrapper{margin-top:1rem;padding:1rem;background-color:var(--primary-bg-color);border-radius:var(--border-radius);border:0.1rem solid var(--border-color);position:relative;}ul.dropdown-list{position:relative;list-style-type:none;}ul.dropdown-list::before{content:"";position:absolute;top:0;right:0;left:0;z-index:0;opacity:0;height:var(--list-button-height);background-color:var(--button-hover-bg-color);transition:all var(--transition-time) linear;transform:translateY(var(--translate-value));border-radius:var(--border-radius);pointer-events:none;}ul.dropdown-list:hover::before,ul.dropdown-list:hover ~ .floating-icon{opacity:1;}li.dropdown-list-item{display:flex;flex-direction:column;position:relative;z-index:1;opacity:var(--list-opacity);transition:opacity 0.8s var(--transition-timing);}.floating-icon{height:calc(var(--floating-icon-size) * 1px);width:calc(var(--floating-icon-size) * 1px);position:absolute;top:var(--floating-icon-top);left:var(--floating-icon-left);background-color:var(--border-color);border-radius:1rem;pointer-events:none;opacity:0;transition:opacity var(--transition-time) var(--transition-timing);z-index:2;display:inline-flex;align-items:center;justify-content:center;}.floating-icon svg{fill:var(--text-active);}@-webkit-keyframes blinkH1{0%{color:#fff;text-shadow:0px 0px 20px #00aad4;}19%{color:#fff;text-shadow:0px 0px 20px #00aad4;}20%{color:#9E9E9E;text-shadow:none;}21%{color:#fff;text-shadow:0px 0px 20px #00aad4;}60%{color:#fff;text-shadow:0px 0px 20px #00aad4;}61%{color:#9E9E9E;text-shadow:none;}62%{color:#fff;text-shadow:0px 0px 20px #00aad4;}63%{color:#9E9E9E;text-shadow:none;}64%{color:#fff;text-shadow:0px 0px 20px #00aad4;}100%{color:#fff;text-shadow:0px 0px 20px #00aad4;}}@-webkit-keyframes blinkH1After{0%{color:#00aad4;}19%{color:#00aad4;}20%{color:transparent;}21%{color:#00aad4;}60%{color:#00aad4;}61%{color:transparent;}62%{color:#00aad4;}63%{color:transparent;}64%{color:#00aad4;}100%{color:#00aad4;}}@-webkit-keyframes blinkH1Before{0%{background:#00aad4;}19%{background:#00aad4;}20%{background:transparent;}21%{background:#00aad4;}60%{background:#00aad4;}61%{background:transparent;}62%{background:#00aad4;}63%{background:transparent;}64%{background:#00aad4;}100%{background:#00aad4;}}h3{font-family:'Pacifico', cursive;font-weight:100;margin:0px;position:absolute;top:50%;left:50%;transform:translate(-50% ,-50%);color:#fff;font-size:30px;text-shadow:0px 0px 20px #00aad4;-webkit-animation:blinkH1 5sinfinite;animation:blinkH1 5sinfinite;}h3:after{content:attr(data-text);position:absolute;top:0;left:0;color:#00aad4;z-index:-1;filter:blur(15px);-webkit-animation:blinkH1After 5sinfinite;animation:blinkH1After 5sinfinite;}h3:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00aad4;z-index:-2;opacity:0.7;filter:blur(50px);-webkit-animation:blinkH1Before 5sinfinite;animation:blinkH1Before 5sinfinite;}h3.txt-by{z-index:2;font-size:30px;top:calc(50% - 55px);}h3.txt-ne{top:calc(50% + 5px);text-align:center;line-height:1;margin-top:15px;}.searchContainer{display:flex;flex-direction:row;justify-content:space-between ;}.box{width:45%;height:200px;background-color:#f2f2f2;border:1px solid #ccc;box-sizing:border-box;}