body {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
}
/*fonts*/
.font-semibold { font-weight: 500; }
.font-31 { font-size: 31px; }
.font-24-container { font-size: 24px; container-name: login; }
.font-12 { font-size: 12px; }
/*colors*/
.color-A278FB{ color: #A278FB; }
.color-666666{ color: #666; }
/*links*/
a:link.registrarme,a:active.registrarme { font-size: 13px; color: #666; border: 1px solid #999; border-radius: 25px; padding: 5px; text-decoration: none; }
a:hover.registrarme { color: #fff; background-color:#666; border: 1px solid #333; }
a:visited.registrarme { color: #fff; background-color:#666; border: 1px solid #333; }
/*background*/
.bg {
background: linear-gradient(63deg, rgba(153,153,153,1) 0%, rgba(237,100,54,1) 35%, rgba(255,221,59,1) 100%);
    background-size: cover;
    background-size: 100% 100%;
    min-height: 100vh;    
}
.bg-white {
    background-color: #fff;
}
.bg-gradient-54{
    background: linear-gradient(54deg, rgba(215,30,215,1) 0%, rgba(215,30,215,1) 35%, rgba(255,234,66,1) 100%);
}
.bg-input-login { background-color: #ddd; color: #000; }
input.bg-input-login::placeholder{ font-size: 12px; }
/*shadows*/
.shadow-box{ box-shadow: 2px 11px 11px -6px rgba(0,0,0,0.75); }
/*padding*/
.padding-top-2vw{ padding-top: 2vw; }
.padding-top-5vw{ padding-top: 5vw; }
.padding-top-10vw{ padding-top: 10vw; }
.padding-top-15vw{ padding-top: 15vw; }
.padding-top-20vw{ padding-top: 20vw; }
.padding-top-45vw{ padding-top: 45vw; }
.padding-top-50vw{ padding-top: 50vw; }
.padding-top-55vw{ padding-top: 55vw; }
.padding-general-50 { padding: 50px; }
.padding-general-80 { padding: 80px; }
/*height*/
.heigth-3p{ height: 3px; }
/*margin*/
/*DoW*/
.dow {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 650px;
}
.monday{
    background-color: #CCCCCC;
}
.tuesday{
    background-color: #666666;   
}
.wednesday{
    background-color: #CCCCCC;
}
.thursday{
    background-color: #666666; 
}
.friday{
    background-color: #CCCCCC; 
}
.saturday{
    background-color: #666666; 
}
.sunday{
    background-color: #CCCCCC;  
}
/**Others*/
@container login (min-width: 700px) {
    .font-24-container {
      font-size: 1em;
    }
}