body{overflow:hidden}a{text-decoration:none}svg:hover{fill:#fff}.react-content{position:absolute;height:100vh;overflow:hidden}.react-body{background-position-y:center;width:100%}.react-content{width:100%;background-color:#fff}.react-body,.react-content{display:flex;flex-direction:column;justify-content:space-between}.react-body{background-position-x:right;background-image:url(/_next/static/media/reactjs-icon2.50c38305.png);align-items:center;z-index:1;transition:.5s}.next,.react{will-change:filter;transition:filter .3s}.react-body{background-repeat:no-repeat;margin-right:-100px;background-size:20vh;height:100%}.react-head{display:flex;justify-content:center;align-items:center;height:100%;z-index:3;padding:20% 10px}.react{content:url(/_next/static/media/react.7f01b434.svg);filter:drop-shadow(0 0 .5em #103d49e1);width:30vh}.next{content:url(/_next/static/media/next.403cae00.svg);width:20vh}.react:hover{filter:drop-shadow(0 0 2em #143c47aa)}.next:hover{filter:drop-shadow(0 0 2em #ff7cffdc)}.react-img{content:url(/_next/static/media/react.7f01b434.svg);filter:drop-shadow(0 0 .5em #103d49e1);width:50px}.react-pgraph{display:flex;align-items:center;color:#424242;font-weight:300}.react-header{font-weight:500;color:#307070}.react-title{font-weight:300;color:#202020}.footer{width:100%;display:flex;justify-content:space-between;position:absolute;bottom:0;align-items:flex-end;z-index:2;padding:50px 20px 10px}.footer-left{display:flex;align-items:center;gap:10px}.version{color:#1b1b1b;padding:30px 0 0}.github{content:url(/_next/static/media/github.793ed526.png);width:120px}.git{display:flex;align-items:center;color:#303030;text-decoration:none;will-change:filter;filter:drop-shadow(0 0 2em #fbfdfdda);padding:30px 0 0}@media (prefers-reduced-motion:no-preference){.react{animation:React-Spins 10s linear infinite}}@keyframes React-Spins{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media only screen and (max-width:703px){.react-head{display:flex;flex-direction:column;justify-content:center;text-align:center;transition:.5s;gap:20px}}@media only screen and (max-width:450px){.react-js,.react-title{font-size:3vw}}@media only screen and (max-width:344px){.footer{flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:.5s}.netlify,.nodejs{height:5vh}}