Seja Veloz

Jogo de palavras

by Nikkoin

HTML

<div>
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1251 450" 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;"><path d="M163.742,233.236l-120.956,-0c-11.348,-0 -22.23,-4.508 -30.254,-12.532c-8.024,-8.024 -12.532,-18.907 -12.532,-30.254l0,-147.664c-0,-11.348 4.508,-22.23 12.532,-30.254c8.024,-8.024 18.906,-12.532 30.254,-12.532l147.664,0c11.347,-0 22.23,4.508 30.254,12.532c1.307,1.307 2.521,2.69 3.638,4.139c1.116,-1.449 2.33,-2.832 3.638,-4.139c8.023,-8.024 18.906,-12.532 30.254,-12.532l147.663,0c11.348,-0 22.231,4.508 30.255,12.532c1.307,1.307 2.521,2.69 3.637,4.139c1.117,-1.449 2.331,-2.832 3.638,-4.139c8.024,-8.024 18.907,-12.532 30.255,-12.532l147.663,0c11.348,-0 22.231,4.508 30.254,12.532c1.308,1.307 2.522,2.69 3.638,4.139c1.117,-1.449 2.331,-2.832 3.638,-4.139c8.024,-8.024 18.907,-12.532 30.254,-12.532l147.664,0c11.348,-0 22.23,4.508 30.254,12.532c8.024,8.024 12.532,18.906 12.532,30.254l-0,147.664c-0,9.19 -2.957,18.076 -8.344,25.385l120.956,-0c11.348,-0 22.23,4.507 30.254,12.531c1.308,1.308 2.522,2.691 3.638,4.14c1.117,-1.449 2.331,-2.832 3.638,-4.14c8.024,-8.024 18.907,-12.531 30.254,-12.531l147.664,-0c11.347,-0 22.23,4.507 30.254,12.531c8.024,8.024 12.532,18.907 12.532,30.255l-0,147.663c-0,11.348 -4.508,22.231 -12.532,30.254c-8.024,8.024 -18.907,12.532 -30.254,12.532l-147.664,0c-11.347,0 -22.23,-4.508 -30.254,-12.532c-1.307,-1.307 -2.521,-2.69 -3.638,-4.139c-1.116,1.449 -2.33,2.832 -3.638,4.139c-8.024,8.024 -18.906,12.532 -30.254,12.532l-147.664,0c-11.347,0 -22.23,-4.508 -30.254,-12.532c-1.307,-1.307 -2.521,-2.69 -3.638,-4.139c-1.116,1.449 -2.33,2.832 -3.637,4.139c-8.024,8.024 -18.907,12.532...

CSS

body{
      font-family: 'Open Sans', sans-serif;
      display: flex;
      align-items: center; /* Centraliza verticalmente */
      justify-content: center;
      margin: 0;
      height: 100vh; /* Define a altura do corpo como a altura da viewport */

}  
  
  button{
    border: 0;
    color: white;
    font-size: 18px;
    padding: 10px 20px;
    background-color: #007bff; /* Cor de fundo mais escura ao passar o mouse */
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    flex: 1; /* O botão irá ocupar o espaço disponível na linha */
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    
  }
  
  button:hover{
    background-color: #0056b3;
  }

p{
  font-size: 12px;
  color: #868686;
  text-align: center;
}

svg{
  width: 300px;
  display: block;
  margin: 20px auto;
}

div{
  margin: 0 auto;
  
}