eaiovnaovbqoebvqoeavibavo @import url('https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500&display=swap'); body{ height: 100vh; background-image: url("../img/fondo_login2.jpg"); background-repeat: no-repeat; background-position: left center; } .login{ background-image: url("../img/fondo_card.jpg"); background-color: white; background-repeat: no-repeat; background-size: contain; background-position: right; border-radius: 10px; box-shadow: 1px -1px 72px -19px rgba(0,0,0,0.75); -webkit-box-shadow: 1px -1px 72px -19px rgba(0,0,0,0.75); -moz-box-shadow: 1px -1px 72px -19px rgba(0,0,0,0.75); } .icono { position: relative; } .icono .fa-solid { position: absolute; padding: 13px 15px; pointer-events: none; display: block; transition: all linear 0.5s; } .login_D p span{ font-family: 'Ms Madi', cursive; font-size: 1.5rem; line-height: 1.2rem; font-weight: 400; } .btn-blanco{ background-color: white; border: none; box-shadow: -1px 1px 8px 0px rgba(0,0,0,0.2); -webkit-box-shadow: -1px 1px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: -1px 1px 8px 0px rgba(0,0,0,0.2); } .btn-ceg{ background-color: #0B574B; border: none; } .btn-ceg:hover{ background-color: #0f7566; transition: .5s all; } .hr-text { line-height: 1em; position: relative; outline: 0; border: 0; color: black; text-align: center; height: 1.5em; opacity: .5; } .hr-text:before { content: ''; background: linear-gradient(to right, transparent, #6d6c66, transparent); position: absolute; left: 0; top: 50%; width: 100%; height: 1px; } .hr-text:after { content: attr(data-content); position: relative; display: inline-block; color: black; padding: 0 .5em; line-height: 1.5em; color: #6d6c66; background-color: #fcfcfa; } .login_I h2{ font-family: 'Nunito', sans-serif; font-weight:600; } .login-c{ border-radius: 20px; background-image: url("../img/fondo_md2.jpg"); background-repeat: no-repeat; background-size: 110%; background-position: center -80px; box-shadow: 1px -1px 72px -19px rgba(0,0,0,0.75); -webkit-box-shadow: 1px -1px 72px -19px rgba(0,0,0,0.75); -moz-box-shadow: 1px -1px 72px -19px rgba(0,0,0,0.75); } @media (max-width: 991px) { body{ background-image: none; } } @media (max-width: 767px) { body{ background-image: none; } .login-c{ background-size: 120%; background-position: center -3px; } } @media (max-width: 575px) { body{ background-image: none; } .login-c{ background-size: 155%; background-position: center -3px; } }