body {
    background-color: #355069;
    color: #fff;
}

 @media only screen and (max-width: 767px) {
    .quadrado, .quadrado2 {
        display: none;
    }
}

.quadrado {
  background: radial-gradient(circle, #ffffff 10%, transparent 11%);
  background-size: 2em 2em;
  background-color: #355069;
  opacity: 1;
  width: 200px;
  height: 200px;
  transform: rotate(90deg);
  position: fixed; /* Posiciona a div de forma fixa na tela */
  top: 0; /* Ajusta a distância do topo */
  left: 0; /* Ajusta a distância da esquerda */
}

.quadrado2 {
  background: radial-gradient(circle, #ffffff 10%, transparent 11%);
  background-size: 2em 2em;
  background-color: #355069;
  opacity: 1;
  width: 200px;
  height: 200px;
  transform: rotate(90deg);
 position: fixed;
  bottom: 0;
  right: 0;
}