@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{background-color:#1e1e1e;font-family:"Montserrat",sans-serif}.header{text-align:center}.header .h1{color:#fff;font-size:1rem;left:0;right:0;top:0;margin:.8rem auto;justify-content:center;position:absolute;letter-spacing:.4rem;text-transform:uppercase;z-index:3}.header .h2{color:#10b3e0;font-size:4.5rem;padding:1rem;margin:0;background-color:#161717}.ReactProjects{color:#fff;display:flex;flex-direction:column;align-items:center;max-width:45rem;margin:0 auto!important;padding:2rem}.ReactProjects>*{width:100%}.footer{text-align:center;margin-top:2rem;padding:1rem;background-color:#161717}.footer .logo{color:#fff}.P1{margin:1rem;padding:.8rem;background-color:#e9ebec;height:auto;border-radius:1rem;color:#1e1e1e}.P1 .P1-MainTitle{display:flex;justify-content:space-between}.P1 .P1-MainTitle .P1-Header{font-size:1.4rem;font-weight:600;margin:0 auto .8rem;text-transform:capitalize;width:100%}.P1 .P1-InputBox{margin-bottom:1rem;display:flex;flex-direction:column}.P2{margin:1rem;padding:.8rem;background-color:#e9ebec;height:auto;border-radius:1rem;color:#1e1e1e}.P2 .P2-MainTitle{display:flex;justify-content:space-between}.P2 .P2-MainTitle .P2-Header{font-size:1.4rem;font-weight:600;margin:0 auto .8rem;text-transform:capitalize;width:100%}.P2 .P2-Button{display:flex;justify-content:center;margin:.7rem auto}.P3{margin:1rem;padding:.8rem;background-color:#e9ebec;height:auto;border-radius:1rem;color:#1e1e1e}.P3 .P3-MainTitle{display:flex;justify-content:space-between}.P3 .P3-MainTitle .P3-Header{font-size:1.4rem;font-weight:600;margin:0 auto .8rem;text-transform:capitalize;width:100%}.P3 .P3-InputBox{display:flex;margin:1rem 0}.P3 .P3-InputBox .P3-Input{flex-basis:95%;outline:none;flex-grow:1}.P3 .P3-InputBox .P3-Input [type=text]{font-size:1.3rem;padding:.5rem .7rem}.P3 .P3-InputBox .P3-Button{background-color:#10b3e0;border-radius:0;padding:0 2rem}.P3 .P3-Output{font-size:3rem;margin:.8rem 0;overflow-wrap:break-word;max-width:10ch}.P3 .P3-History{line-height:.2rem}
/*# sourceMappingURL=main.fe05231d.chunk.css.map */