@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000}.container{color:#00da9f;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:92vh;width:100vw;overflow:hidden}.generateButton{font-weight:800;border-radius:20px;box-shadow:0 14px 25px #00da9f;max-height:3em;min-height:3em;max-width:6em;min-width:6em;text-align:center;padding:.5em}@media (min-width:767px){.generateButton{max-height:4em;max-width:7em;min-width:7em}}.generateButton button{height:100%;width:100%;background:#000;border:none;color:#00da9f;font-size:1rem}@media (min-width:767px){.generateButton button{font-size:1.5rem}}.generateButton button:focus{outline:#000}@font-face{font-family:Open Sans;font-display:swap;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}html body{font-family:Open Sans,sans-serif;font-weight:700}a,h1,h2,h3,h4,h5,html body,li,p,ul{margin:0;padding:0}.instructions{font-size:1.25rem;text-align:center;margin:0 1.25em}@media (min-width:767px){.instructions{font-size:2.25rem}}.main-game{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1.75em}@media (min-width:767px){.main-game{min-width:77%}}.ipAddress{font-size:1.8rem;margin-top:.5em}@media (min-width:767px){.ipAddress{font-size:3.6;margin-top:0}}.ipAddressInBinary,.netmaskInBinary{font-size:.9rem;margin-bottom:.5em}@media (min-width:767px){.ipAddressInBinary,.netmaskInBinary{font-size:2.3rem}}.horizontal-slider{width:90%;max-width:500px;height:50px}.hostNumber{min-width:100%;font-size:.825rem}.numberOfAddresses,.numberOfHosts{text-align:right}.addresses,.hosts,.network{display:flex;flex-direction:row;justify-content:space-between;margin:0 .7em}@media (min-width:767px){.addresses,.hosts,.network{margin:0 7em;font-size:1.5rem}}.example-thumb{height:1.5em;width:1.5em;border-radius:50%;top:-1em;border:solid;border-color:#008a64;border-width:.5em;background:#00da9f}@media (min-width:767px){.example-thumb{height:2.5em;width:2.5em}}.example-track{height:.65em}@media (min-width:767px){.example-track{height:1.25em}}.netmask{font-size:1.8rem}@media (min-width:767px){.netmask{font-size:3.6}}
/*# sourceMappingURL=main.6ae86e67.chunk.css.map */