#toggle-loginCustom,#toggle-registerCustom {
width: 125px;
background: #CC337F;
display: block;
margin: 0 auto;
margin-top: 1%;
padding: 10px;
text-align: center;
text-decoration: none;
color: #fff;
cursor: pointer;
transition: background .3s;
border-left: 1px solid #fff;
-webkit-transition: background .3s;
float: left;
}
#toggle-loginCustom,#toggle-registerCustom span:last-child{border-left:0}
#toggle-loginCustom:hover,#toggle-registerCustom:hover{
background:#D2527F;
}
#loginCustom{
margin:0 auto;
margin-top:8px;
margin-bottom:2%;
transition:opacity 1s;
-webkit-transition:opacity 1s;
}
#loginCustom h1{
background:#CC337F;
padding:20px 0;
font-size:140%;
font-weight:300;
text-align:center;
color:#fff;
}
#registerCustom{
margin:0 auto;
margin-top:8px;
margin-bottom:2%;
transition:opacity 1s;
-webkit-transition:opacity 1s;
}
#registerCustom h1{
background:#CC337F;
padding:20px 0;
font-size:140%;
font-weight:300;
text-align:center;
color:#fff;
}
#registerformCustom form, #registerCustom form{
background:#F1A9A0;
padding:6% 4%;
}
#loginformCustom form, #loginCustom form{
background:#F1A9A0;
padding:6% 4%;
}
#loginsCustom{
background:#C3398D;
padding:6% 4%;
color:#111;
}
#loginCustom input[type=“submit“]{
width:100%;
background:#D2527F;
border:0;
padding:4%;
font-family:“.Open Sans.“,sans-serif;
font-size:100%;
color:#fff;
cursor:pointer;
transition:background .3s;
-webkit-transition:background .3s;
}
#loginCustom input[type=“submit“]:hover{
background:#D2527F;
}
#registerCustom input[type=“submit“]{
width:100%;
margin: 10px 0;
background:#D2527F;
border:0;
padding:4%;
font-family:“.Open Sans.“,sans-serif;
font-size:100%;
color:#fff;
cursor:pointer;
transition:background .3s;
-webkit-transition:background .3s;
}
#registerCustom input[type=“submit“]:hover{
background:#D2527F;
}