body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.inputbox{position:relative;width:250px}.inputbox input{border:none;color:#23242a}.inputbox input,.inputbox select{background:transparent;box-shadow:none;font-size:1em;letter-spacing:.05em;outline:none;padding:20px 10px 10px;position:relative;transition:.5s;width:100%;z-index:10}.inputbox select{background-color:#2f4f4f;border:1px solid #fff;color:#fff}.inputbox span{color:#8f8f8f;font-size:1em;left:0;letter-spacing:.05em;padding:20px 10px 10px;pointer-events:none;position:absolute;transition:.5s}.inputbox input:focus~span,.inputbox input:valid~span{color:#45f3ff;font-size:0,75em;-webkit-transform:translateX(-10px) translateY(-38px);transform:translateX(-10px) translateY(-38px)}.inputbox i{background:#fff;border-radius:4px;bottom:0;height:2px;left:0;pointer-events:none;position:absolute;transition:.5s;width:100%;z-index:9}.inputbox input:focus~i,.inputbox input:valid~i{height:44px}@media only screen and (max-width:478px){.inputbox{margin:20px 0;width:70w}.inputbox input{width:70vw}}
/*# sourceMappingURL=main.7bf19469.css.map*/