#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;overflow:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{background:rgb(13,54,90);background:radial-gradient(circle,rgba(13,54,90,1) 0%,rgba(13,54,90,1) 17%,rgba(0,0,0,1) 100%);overflow:hidden}.textInputRoot,.textInputFocused,.rootStyle{background-color:#fff}.stripes{position:absolute;width:100%;transform:skewY(-12deg);height:950px;top:-350px;background:linear-gradient(180deg,#e6ebf1 350px,rgba(230,235,241,0))}.stripes .stripe{position:absolute;height:190px}.stripes .s1{height:380px;top:0;left:0;width:24%;background:linear-gradient(90deg,#e6ebf1,rgba(230,235,241,0))}.stripes .s2{top:380px;left:4%;width:35%;background:linear-gradient(90deg,hsla(0,0%,100%,.65),hsla(0,0%,100%,0))}.stripes .s3{top:380px;right:0;width:38%;background:linear-gradient(90deg,#e4e9f0,rgba(228,233,240,0))}