JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html data-dpr="1" style="font-size: 32px;">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Ой...</title>
<!-- Start: injected by Adguard -->
<!-- End: injected by Adguard -->
<style type="text/css">
*{
margin: 0;
padding: 0;
}
html,body{
width: 100%;
height: 100%;
background-color: #fff;
}
body,
p {
text-align: center;
}
.bannar {
margin-bottom: 20px;
}
.bannar img{
width: 3rem;
margin-top:100px;
}
.wrapper {
min-height: 100%;
}
.content-inside {
padding-top: 0;
padding-bottom: 1rem;
}
.bannar .warnning-text{
font-size: 14px;
line-height: 1.5;
text-align: center;
}
.tips {
opacity: .7;
font-size: 15px;
color: #373637;
line-height: 0.7rem;
padding-bottom: 10px;
}
a {
text-decoration: none;
}
form {
display: block;
padding-top: 20px;
}
form .checkcode {
font-size: 30px;
width: 130px;
height: 38px;
border: 1px solid #999;
border-radius: 3px;
}
form .submit {
height: 40px;
line-height: 40px;
font-size: 18px;
width: 70px;
display: inline-block;
-webkit-appearance: none;
background-color: #fd7c28;
border: 0;
color: #fff;
border-radius: 3px;
margin-left: 8px;
position: relative;
top: -3px;
}
#nocaptcha {
position: relative;
width: 7.73rem;
margin: -0.2rem auto 0;
}
#nocaptcha ._nc .stage1 {
background-color: #FFCC99;
border-radius: 30px;
}
#nocaptcha ._nc .stage1 .slider {
background-color: transparent;
box-shadow:...