*{
box-sizing:border-box;
padding:0;
margin:0;
font-weight:normal;
}
*:focus {
outline:none;
}
*{
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently*/
}
html,body{
background-color:#054876;
}
div{
background-repeat:no-repeat;
}
@media (min-width: 1px) {
.canvas{
width:320px;
margin:40px auto;
border:#fff 2px solid;
border-radius:10px;
background-color:#054876;
background-image:url(../images/logo2.svg);
background-size:320% 320%;
background-position:center;
box-shadow:1px 1px 10px 5px rgba(0, 0, 0, 0.2);
padding:10px 0 10px 0;
overflow:hidden;
}
.canvas img{
float:left;
width:114px;
height:114px;
border:#FFF 4px solid;
margin:0 10px 0 10px;
background-color:rgba(0, 0, 0, 0.5);
box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
}
.canvas label,input,a{
float:left;
width:172px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
height:20px;
color:#000;
text-align:left;
}
.canvas a,.canvas label{
width:auto;
color:#FFF;
}
.canvas input[type=submit]{
float:right;
width:auto;
margin:14px 10px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:normal;
height:20px;
color:#000;
padding:0 5px 0 5px;
cursor:pointer;
}
.canvas a{
cursor:pointer;
}
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1100px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1355px) {

}
@media print {

}