*{
box-sizing:border-box;
margin:0;
padding:0;
}

/* BODY */

body{

font-family:Arial, Helvetica, sans-serif;
background:#0d2b4d;
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;
padding:20px;

}

/* MAIN CONTAINER */

.main-container{
width:100%;
max-width:600px;
}

/* CARD */

.verify-card{

background:white;
color:#222;
width:100%;
padding:30px;
border-radius:14px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,0.4);

}

/* LOGO */

.logo{

width:120px;
max-width:60%;
margin-bottom:15px;

}

/* HEADINGS */

.verify-card h2{
font-size:22px;
margin-bottom:5px;
}

.verify-card h4{
font-size:16px;
margin-bottom:15px;
color:#555;
}

.verify-card h3{
margin-bottom:15px;
}

/* VERIFIED */

.valid{

background:#e6ffe6;
color:#009900;
font-weight:bold;
padding:10px;
border-radius:6px;
margin-bottom:15px;

}

/* INVALID */

.invalid{

background:#ffe6e6;
color:#cc0000;
font-weight:bold;
padding:10px;
border-radius:6px;

}

/* INFO TEXT */

.info p{

font-size:15px;
margin:6px 0;

}

/* EMERGENCY */

.emergency{

margin-top:10px;

}

.emergency p{

font-size:15px;
margin:4px 0;

}

/* DIVIDER */

hr{

margin:20px 0;
border:none;
border-top:1px solid #ddd;

}

/* MOBILE */

@media (max-width:480px){

.verify-card{
padding:20px;
}

.verify-card h2{
font-size:18px;
}

.verify-card h3{
font-size:16px;
}

.info p{
font-size:14px;
}

.logo{
width:90px;
}

}