html { height: 100%; font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } * { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } a, a:active, a:focus { outline: 0; text-decoration: none } a { color: #ffffff } body { background-color: #641220; overflow: auto; } .container { padding: 0 15px; margin: 0 auto; } .btn { display: inline-block; padding: 6px 12px; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 5px; font: 250 22px BebasNeue; width: 100%; color: #fff; text-shadow: 0 0 3px #000; letter-spacing: 1.1px } .login-btn { background: #ff0400; border: 1px solid #FF4440; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%), inset 0px -19px 12px rgb(0 0 0 / 34%); transition: all .4s; border: 1px solid #ffae00; } .login-btn:hover { background: #fbff00; opacity: .8 } .daftar-btn { background: #f90; border: 1px solid #FF4440; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%), inset 0px -19px 12px rgb(0 0 0 / 34%); animation: blinking 1s infinite; transition: all .4s } .daftar-btn:hover { background: #ff0000; opacity: .8 } @keyframes blinking { 0% { border: 2px solid #fff } 100% { border: 2px solid #ffee00 } } .blink-me { animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite } .anim { animation: blinkings 1s infinite } @keyframes blinkings { 0% { border: 2px solid #fff } 100% { border: 2px solid #016666 } } @media (min-width:768px) { .container { max-width: 720px } } @media (max-width:960px) { .logo { text-align: center; position: relative; top: 0; width: 100%; } } @media (min-width:1200px) { .container { width: 1000px } } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .p-0 { padding: 0 } .col-md-12, .col-md-4, .col-md-6, .col-md-8, .col-xs-6 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .col-xs-6 { float: left; width: 50% } .content{ padding-top: 1em; } @media (min-width:960px) { .container { max-width: 960px } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100% } .order-first { -ms-flex-order: -1; order: -1 } .logform { padding-top: 1rem } .nopadding { padding: 0 } } @media (max-width:768px) { .col-md-8{ margin-top: 10vh; } .logo1{ max-width: 250px; max-height:65px ; } .content{ padding-top: 0; } footer { position: fixed; bottom: 0px; text-align: center; width: 100%; padding:0; } } .p-g { padding-bottom: 1rem; } .m-g{ margin-bottom: 1em; } .togel{ margin-top: .75rem } .bottom { float: left; width: 100% } footer { color: #fff; padding: 2em 0; text-align: center; } .footer a { color: #ff8800 } .slide { width: 100%; border-radius: 4px; display: block; border: 2px solid gold; box-shadow: 0 0 6px 2px gold; } .img { width: 100%; display: block; height: auto; }