:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#fffc;font-weight:600;margin:0;padding:0;box-sizing:border-box;background-color:#0a0a0a}.wrapper{margin-top:5rem;position:absolute;width:400px;left:50%;transform:translate(-50%)}.title{font-size:2rem;margin:0;margin-bottom:1rem;color:#206c4a}.container{gap:1rem;display:flex;flex-direction:column}.input{padding:.5rem;border-radius:3px;font-family:inherit;background-color:#928d8d1a;border:1px solid rgba(255,255,255,.25);color:#ffffff80}.longUrlBox{padding:.75rem;background-color:#113c2933;border:1px solid rgba(32,108,74,.8);border-radius:3px;display:flex;justify-content:space-between}.longUrlBox input{background:none;border:none;font-family:inherit;color:inherit;font-size:inherit;font-weight:600;width:100%;outline:none}.longUrlBox button{cursor:pointer;border:none;background:none;width:24px;height:24px}.submitBtn{font-weight:600;cursor:pointer;padding:.5rem;font-family:inherit;background-color:#206c4a;border-radius:3px;border:none;color:#fffc;transition:.1s}.submitBtn:hover{background-color:#1c5e40}.submitBtn:disabled{background-color:#154731;cursor:default}.error{padding:.75rem;background-color:#3c111133;border:1px solid rgba(108,32,32,.8);border-radius:3px;display:flex;justify-content:space-between}.notFound{line-height:normal;display:flex;flex-direction:column;align-items:center;margin-top:2rem}.notFound h1{letter-spacing:5px;font-size:5rem;margin:0;line-height:1}.notFound p{font-size:1.25rem;color:#ffffff80}.notFound a{color:#206c4a;text-decoration:none;font-weight:600}.notFound a:hover{text-decoration:underline}@media screen and (max-width:600px){.wrapper{width:90%}}