@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:Poppins}._dark-blue_16k9y_1{color:#18729c}._weight_16k9y_5{font-weight:500}._font-size-2_5rem_16k9y_9{font-size:2.5rem}._pad_16k9y_13{display:flex;gap:10px;padding:20px}._black_16k9y_19{color:#000}._dark-cyan_16k9y_23{color:#1e3d3d}._d-flex-center_16k9y_27{display:flex;justify-content:center;align-items:center}._gap20_16k9y_33{gap:20px}._img-size-50px_16k9y_37._react_16k9y_37{width:50px;height:auto}._react-content_16k9y_42{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:space-between}._react-body_16k9y_50{background-image:url(../reactjs-icon2.png);background-repeat:no-repeat;background-position-x:right;margin-right:-100px;background-position-y:center;background-size:20vh;width:100%;height:100%;background-color:#21272b;display:flex;flex-direction:column;justify-content:space-between;align-items:center}._react-head_16k9y_66{display:flex;justify-content:center;align-items:center;height:100%}._react-head_16k9y_66{padding:20% 10px}._react_16k9y_37,._vite_16k9y_78{will-change:filter;transition:filter .3s}._react_16k9y_37{width:30vh}._vite_16k9y_78{width:20vh}._react_16k9y_37:hover{filter:drop-shadow(0 0 2em #61dafbaa)}._vite_16k9y_78:hover{filter:drop-shadow(0 0 2em #e85ffaaa)}._react-img_16k9y_99{width:50px}._react-pgraph_16k9y_103{display:flex;align-items:center;color:#fff;font-weight:300}._react-header_16k9y_110{font-weight:500;color:#bcf3f3}._react-title_16k9y_115{font-weight:300;color:#fff}._footer_16k9y_120{width:100%;display:flex;justify-content:space-between;position:absolute;bottom:0;align-items:center;padding:10px}._version_16k9y_131{color:#9c9a9a}._github_16k9y_135{width:120px}._git_16k9y_135{display:flex;align-items:center;color:#8d8787;text-decoration:none;will-change:filter;filter:drop-shadow(0 0 2em #fbfdfdda)}@media only screen and (max-width: 703px){._react-head_16k9y_66{display:flex;flex-direction:column;justify-content:center;text-align:center;transition:.5s}}@media only screen and (max-width: 450px){._react-title_16k9y_115,._react-js_16k9y_162{font-size:3vw}}@media only screen and (max-width: 344px){._footer_16k9y_120{flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:.5s}}@media (prefers-reduced-motion: no-preference){._react_16k9y_37{animation:_React-Spins_16k9y_1 infinite 10s linear}}@keyframes _React-Spins_16k9y_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}