body{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.maincontainer{display:flex;flex-direction:column}.centerhead{background-color:#015945;text-align:center;color:#fff;font-size:40px;margin-bottom:30px}.qrcontainer{display:flex;justify-content:center;padding-bottom:1%}.img{width:600px;height:600px}.feedbackcontainer{display:flex;justify-content:center}.fedbacktext{font-size:20px;text-align:center}.buttoncontainer{display:flex;justify-content:center}.button{background-color:#045f4a;display:block;margin:20px auto;padding:15px 30px;color:#fff;border-radius:10px;font-size:18px;min-width:250px;box-shadow:#00000059 0 10px 5px;border-color:#808285;transition:background-color .3s ease}.button.invalid{background-color:#ccc;color:#000;cursor:not-allowed}@media (max-width: 600px){.img{width:90%;height:auto}.button{width:38%}.inputurl{width:90%;max-width:none;font-size:20px}}@media only screen and (min-width: 1024px){.mainontainer{max-width:1024px}.qrcontainer{padding-top:1%}}@media only screen and (min-width: 992px){.img{width:500px;height:500px}}button:hover{background-color:#c46dbb}.inputContainer{margin-top:50px;display:flex;flex-direction:column;align-items:center}.inputWrapper{position:relative;width:100%;max-width:500px}.inputValid,.inputInvalid{text-align:center;font-size:18px;width:100%;height:60px;transition:.3s;border-radius:15px;box-shadow:#00000059 0 10px 5px;padding:8px;box-sizing:border-box;margin-bottom:2px}.inputValid{border:2px solid #015945;outline-color:#015945;color:#000}.inputInvalid{border:2px solid red;outline-color:red;color:#000}.invalidURlMessage{color:red;position:absolute;bottom:100%;left:0;width:100%;margin-top:4px;font-size:18px;margin-bottom:3px}body{margin:0}