:root{--PrimaryColor:#5b4dbe;--SecondaryColor:#dee2e6;--lightColor:#fff;--lightColor2:#FFFFFFD9;--darkColor:#21283c;--yellowColor:#ffd00D;--lightColor3:whitesmoke}*{font-family:"Cairo",sans-serif}.verification{width:100%;height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--lightColor3)}.verification h1{font-size:45px;font-weight:700;margin-bottom:10px}.verification p{margin-bottom:20px}.verification form{width:50%;height:50px;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:5px;padding-right:15px;background-color:var(--lightColor)}.verification input{width:80%;height:100%;border:none;outline:none;padding-left:15px}.verification button{width:20%;height:100%;border:none;outline:none;cursor:pointer;background-color:var(--PrimaryColor);color:var(--lightColor);border-bottom-left-radius:5px;border-top-left-radius:5px;font-weight:700}.error-certificate{margin-top:50px;color:red}@media only screen and (max-width:600px){.verification h1{font-size:26px;font-weight:700;margin-bottom:10px;text-align:center}.verification p{margin-bottom:20px;font-size:12px}.verification form{width:90%}}@media only screen and (min-width:600px){.verification h1{font-size:26px;font-weight:700;margin-bottom:10px;text-align:center}.verification p{margin-bottom:20px;font-size:12px}.verification form{width:90%}}@media only screen and (min-width:768px){.verification h1{font-size:45px;font-weight:700;margin-bottom:10px}.verification p{margin-bottom:20px;font-size:14px}.verification form{width:50%}}.certificate-container{min-height:100vh}