form,main>div{position:relative;display:flex}form>p,h1{text-align:center}form,hr,main>div{display:flex}h1,hr::before{text-transform:uppercase}hr::before,main>div{background-color:#fff}main{display:ruby}main>div{width:425px;border-radius:10px;padding:20px;border:1px solid transparent;flex-direction:column;align-items:center;box-shadow:0 12px 16px 0 grey,0 17px 50px 0 rgba(0,0,0,.19);top:50%;left:50%;transform:translate(-50%,-50%)}h1{font-weight:400;font-size:var(--font-size-very-high);margin:10px 10px 30px}form{width:100%;flex-direction:column;align-items:center}form>p{color:#900}form a,hr{width:100%;color:#000}form a{text-align:right;font-size:var(--font-size-small);text-decoration:none;margin:-5px -5px 10px 0}form a:hover{text-decoration:underline}hr{align-items:center;justify-content:center;height:1px;background-color:#555;margin:20px 0;border:none}hr::before{content:"ou";padding:0 10px}.btn-cancel-h3d,.btn-valid-h3d{width:200px}@media screen and (max-width:700px){main>div{width:300px}h1{margin-bottom:10px}.btn-cancel-h3d,.btn-valid-h3d{margin:10px 0}}@media screen and (max-height:600px){main>div{top:50px;transform:translate(-50%,0)}}@media screen and (max-width:600px){h1{font-size:var(--font-size-high)}h2{font-size:var(--font-size-medium)}}@media screen and (max-width:500px){main>div{width:250px}}