html,body{
  width:100%;
  height:100%;
}

#login{
  display:flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
}

#content{
  width:400px;
  padding:20px;
}

#content img{
  max-width:50%;
  margin:20px;
}

.content-body{
  font-size:14px;
}

label.radio{
  text-align: center;
  padding:10px;
  line-height: 1;
  margin:5px;
  width:calc( 100% / 3 );
  border-radius: 4px;
  border: solid 2px #c1c1c1;
  color:#c1c1c1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  cursor: pointer;
}

label.radio input{
  display: none;
}

label.radio.active,label.radio:hover{
  color:#234ff5;
  border: solid 2px #234ff5;
}

.radio-group{
  margin:0 -5px;
  display: flex;
}