body {
    background-color: #2c2c2c;
}
.container {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
 .okok-logo {
    width: 90px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: 90px 22px;
    background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 450 110" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,-80,-250)"><g transform="matrix(1,0,0,1,4.4763,-6.45599)"><path d="M195.524,256.456L231.5,256.456L231.5,300L241.5,300L266.674,256.456L305.524,256.456L273.827,310.978L305.524,365.5L266.674,365.5L241.5,321.956L231.5,321.956L231.5,365.5L195.524,365.5L195.524,256.456Z" style="fill:white;"/></g><g><path d="M135,250C165.355,250 190,274.645 190,305C190,335.355 165.355,360 135,360C104.645,360 80,335.355 80,305C80,274.645 104.645,250 135,250ZM135,285.401C146.038,285.401 155,294.363 155,305.401C155,316.44 146.038,325.401 135,325.401C123.962,325.401 115,316.44 115,305.401C115,294.363 123.962,285.401 135,285.401Z" style="fill:white;"/></g></g><g transform="matrix(1,0,0,1,140,-250)"><g transform="matrix(1,0,0,1,4.4763,-6.45599)"><path d="M195.524,256.456L231.5,256.456L231.5,300L241.5,300L266.674,256.456L305.524,256.456L273.827,310.978L305.524,365.5L266.674,365.5L241.5,321.956L231.5,321.956L231.5,365.5L195.524,365.5L195.524,256.456Z" style="fill:white;"/></g><g><path d="M135,250C165.355,250 190,274.645 190,305C190,335.355 165.355,360 135,360C104.645,360 80,335.355 80,305C80,274.645 104.645,250 135,250ZM135,285.401C146.038,285.401 155,294.363 155,305.401C155,316.44 146.038,325.401 135,325.401C123.962,325.401 115,316.44 115,305.401C115,294.363 123.962,285.401 135,285.401Z" style="fill:white;"/></g></g></svg>');
 }