body,html{min-height:100%}body,div,form,input,p,textarea{padding:0;margin:0;outline:0;font-family:Roboto,Arial,sans-serif;font-size:14px + 90%;color:#666;line-height:22px}select{padding:0;margin:0;outline:0;font-family:Roboto,Arial,sans-serif;font-size:18px;color:#666;line-height:22px}h1{position:absolute;margin:0;font-size:32px;color:#fff;z-index:2}.testbox{display:flex;justify-content:center;align-items:center;height:inherit;padding-top:1%;padding-left:25%;padding-right:25%;padding-bottom:1%}form{width:100%;padding:20px;border-radius:6px;background:#fff;box-shadow:0 0 20px 0 #cc0052}.banner{position:relative;height:225px;background-image:url(https://cdn.mlbb.dev/MGL/1024.webp);background-size:cover;display:flex;justify-content:center;align-items:center;text-align:center;vertical-align:center}.banner::after{content:"";background-color:rgba(0,0,0,.4);position:absolute;width:100%;height:100%}input,textarea{margin-bottom:10px;border:1px solid #ccc;border-radius:3px}input{width:calc(100% - 10px);padding:5px}textarea{width:calc(100% - 12px);padding:5px}.item:hover p,input:hover::placeholder{color:#cc0052}.item input:hover,.item textarea:hover{border:1px solid transparent;box-shadow:0 0 6px 0 #cc0052;color:#cc0052}.item{position:relative;margin:10px 0}.btn-block{margin-top:10px;text-align:center}button{width:150px;padding:10px;border:none;border-radius:5px;background:#cc0052;font-size:16px;color:#fff;cursor:pointer}button:hover{background:#f06}.small{font-size:12px;line-height:18px}@media screen and (max-width:839px){.testbox{display:flex;justify-content:center;align-items:center;height:inherit;padding-top:5%;padding-left:3%;padding-right:3%;padding-bottom:5%}.banner{position:relative;height:210px;background-image:url(https://cdn.mlbb.dev/MGL/512.webp);background-size:cover;display:flex;justify-content:center;align-items:center;text-align:center}}