@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');

body {
    background: #ccc;
    font-family: "Roboto", sans-serif;
  }
  .mytabs {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 50px auto;
    padding: 25px;
  }
  .mytabs input[type="radio"] {
    display: none;
  }
  .mytabs label {
    padding: 10px;
    background: #e2e2e2;
    font-weight: bold;
  }

  .mytabs .tab {
    width: 100%;
    padding: 20px;
    background: #fff;
    order: 1;
    display: none;
  }
  .mytabs .tab h2 {
    font-size: 3em;
  }

  .mytabs input[type="radio"]:checked + label + .tab {
    display: block;
  }

  .mytabs input[type="radio"]:checked + label {
    background: #fff;
  }