body { background:black; font-family: 'Roboto', sans-serif; font-family: 'Open Sans', sans-serif; font-family: 'Lato', sans-serif; } a { text-decoration:none; font-size:20px; font-weight:600; color:white; } p{ color:white; font-size:12px; } /* CONTENT */ .content { width:600px; margin:0 auto; margin-top:50px; } .headwrap{ width:100%; text-align:center; padding-top:15px; } .logo img { width:100%; max-width:40%; } .daftar a, .login a{ width:100%; padding:10px 0; margin-top:20px; display:block; } .login { margin-top:10px; background:#a51c1c; } /* WELCOME */ .welcome{ margin-top:10px; } .welcome img{ width:100%; max-width:100%; } .welcome h2 { color:#ff8d54; text-transform: uppercase; letter-spacing: 1.5px; font-weight:200; font-size:20px; text-align:center; margin:0; } /* TABLE */ .text-info table{ width:100%; font-size:12px; max-width:100%; border:1px solid white; text-align:center; color:white; } .text-info table td { border-bottom:1px dashed white; } .text-info table span { color:#ffd600; } /* JADWAL BANK & TERPERCAYA*/ .jadwal-bank img, .terpercaya img{ margin-top:20px; width:100%; max-width:100%; } /* COPYRIGHT */ .copyright p { color:#ff8d54; text-align:center; } @-webkit-keyframes blink1 { 0% { opacity: 1; background:#1ba57b; } 30% { opacity: 1; background:#1ba5a0; } 50% { opacity: 1; background:#1b70a5;} 80% { opacity: 1; background:#1b3da5; } 100% { opacity: 1; background:#591ba5; } } .blink1 { animation: blink1 7s linear infinite; background:#1ba542; } @media screen and (max-width: 480px) { .content{ max-width: 96%; margin: 0 auto; } .login,.daftar{ width:65%;margin:10px auto; font-size:16px;font-weight:700; } .logo img { width:100%; } p, li{text-align:justify; color:white; font-size:12px;} .welcome h2 { font-size:14px; } } @media screen and (max-width:320px) { .content{max-width:96%;margin:0 auto} p{text-align:justify; color:white; font-size:12px;} .welcome h2 { font-size:14px; } } .glow { font-size: 40px; color: #fff; text-align: center; -webkit-animation: glow 1s ease-in-out infinite alternate; -moz-animation: glow 1s ease-in-out infinite alternate; animation: glow 1s ease-in-out infinite alternate; } @-webkit-keyframes glow { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073; } to { text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6; } }