/home2/mshostin/www/bi/binance2025/res/app.css
@font-face {
font-family:'BinancePlex' ;
src: url(BinancePlex-Regular.woff2);
}
*{
max-width: 100%;
box-sizing: border-box;
outline: none;
font-family: 'BinancePlex' , Arial, sans-serif;
}
body{
margin: 0;
}
main{
text-align: center;
margin-top:80px ;
}
.continer{
display: inline-block;
width: 430px;
border:solid 1px #00000017;
border-radius:8px;
padding:10px 40px;
}
.logo {
text-align:left;
margin:20px 0;
}
.logo img{
width:150px;
}
.title {
text-align:left;
margin:36px 0;
}
.title label{
font-size:1.9em;
font-weight:bold;
}
.col{
margin:20px 0;
}
.col label{
margin:5px 0;
display:block;
text-align:left;
font-size:0.9em;
}
.col input{
border:solid 1px #0000001f;
width:100%;
padding:14px;
border-radius:8px;
font-size:1em;
color:black;
}
.col input:hover {
border: 1px solid #FCD535;
}
.but button{
width:100%;
padding:18px;
border:none;
border-radius:10px;
background:#FCD535;
font-weight:bold;
font-size:1em;
}
hr {
margin-top:34px;
border: none;
border-top: 1px double #33333354;
color: #333;
overflow: visible;
}
hr::after {
background: #fff;
content: 'or';
padding: 0 1px;
position: relative;
top: -10px;
}
.fo{
margin:30px 0;
text-align:center;
}
.fo label{
margin-bottom:100px;
display:block;
color:#C99400;
font-size:0.9em;
}
footer{
text-align:center;
margin: 12px 0px;
}
footer label{
margin:12px ;
color:#000000b3;
font-size:0.87em;
}
@media screen and (max-width: 800px) {
.continer{
border:none;
width:800px;
padding:20px;
}
main{
margin:0;
}
.logo{
margin:0;
}
footer {
margin:10px 60px;
}
.fo{
text-align:left;
padding:50px 20px;
}
}