#hello{display:flex;flex:1 1 auto;height:100%;overflow:hidden;padding-left:275px;width:100%}.game,.hero{justify-content:center;width:100%}.game{height:100%;z-index:20}#hello .hero,.game{display:flex;flex-direction:column}#hello .hero{margin:0}#hello .head span{color:#e5e9f0;font-family:Fira Code Retina;font-size:18px;line-height:1}#hello .head h1{color:#e5e9f0;font-family:Fira Code Regular;font-size:58px;line-height:1;padding-bottom:1rem;padding-top:1rem}#hello .head h2{color:#4d5bce;font-family:Fira Code Retina;font-size:32px;line-height:1}.head{padding-bottom:3rem}#info{display:flex;flex-direction:column}#info>span{color:#607b96;font-family:Fira Code Retina;font-size:14px;line-height:1;padding-bottom:1rem}.code{color:#e5e9f0;font-family:Fira Code Medium}.code .identifier{color:#4d5bce}.code .variable-name{color:#43d9ad}.code .operator{color:#fff}.code .string{color:#e99287;text-decoration-line:underline;text-underline-offset:4px}#info{padding-block:2.5rem}#info .action{display:flex}.hide{display:none}.css-blurry-gradient-blue{background:radial-gradient(circle at 50% 50%,#4d5bce,rgba(76,0,255,0));border-radius:0 0 50% 50%;bottom:25%;position:fixed;right:5%;rotate:10deg}.css-blurry-gradient-blue,.css-blurry-gradient-green{filter:blur(70px);height:300px;opacity:.5;width:300px;z-index:10}.css-blurry-gradient-green{background:radial-gradient(circle at 50% 50%,#43d9ad,rgba(76,0,255,0));border-radius:0 50%;position:absolute;right:30%;top:20%}#info{font-size:14px}@media (max-width:768px){#hello{padding-left:0}#hello .hero{display:flex;flex-direction:column;justify-content:space-between;margin:1.75rem}.head{padding-top:4rem}#hello .head h2{color:#43d9ad;font-size:20px}#info .action{display:none}}@media (min-width:768px) and (max-width:1024px){#hello{padding-left:0}#hello .hero{display:flex;flex-direction:column;justify-content:center;margin:1.75rem}.head{padding-top:4rem}}@media (min-width:1024px) and (max-width:1320px){#hello{padding-left:135px}}@media (min-width:1024px){.css-blurry-gradient-blue{border-radius:100% 50% 100% 0;bottom:10%;height:500px;opacity:.7;position:fixed;right:10%;width:500px}.css-blurry-gradient-green{border-radius:100% 0 0;filter:blur(100px);height:400px;opacity:.5;position:fixed;right:35%;rotate:20deg;top:10%;width:400px}}@media (min-width:1920px){#hello{padding-left:310px}#hello .head h1{font-size:62px}}