Si entiendo bien, tu problema es porque a todos los inputs sin discriminar cuales son radio o checkbox le das un ancho al 100% del contenedor, por lo que no quedan alineados al texto.

Prueba el siguiente código:

    input[type="radio"],
    input[type="checkbox"]{
      width: initial;
    }

Esto setea por defecto el ancho inicial del input.

Un ejemplo acorde a tu proyecto sería:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    body {
      background-image: url(img/darkblue.jpg);
      background-size: 100vw 100vh;
      font-family: arial;
      color: #fff;
      background-attachment: fixed;
      margin:0;
      }

    form {
      width: 400px;
      margin:auto;
      padding: 10px 20px;
      background: rgba(0,0,0,0.4);
      box-sizing: border-box;
      border-radius: 7px;
    }

    h1{
      color: #fff;
      text-align: center;
      font-size: 30px;
      margin-bottom: 10px;
    }

    label{
      color: black;
    }

    input, textarea{
      width: 100%;
      margin-bottom: 12px;
    }

    input[type="radio"],
    input[type="checkbox"]{
      width: initial;
    }

<!-- language: lang-html -->

    <fieldset>
        <legend>Sports practice? </legend>
        <label>
            <input type="radio" name="yes" value="yes">
            Yes
        </label>
        <label>
            <input type="radio" name="no" value="no"> 
            No
        </label>
        <label>
            <input type="radio" name="sometimes" value="sometimes"> 
            Sometimes
        </label>
    </fieldset>

<!-- end snippet -->

Entre otras cosas, el atributo **`name`** debería ser el mismo en todos los radio buttons, para que puedan funcionar correctamente, he aquí el mismo demo con esto corregido: 

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    body {
      background-image: url(img/darkblue.jpg);
      background-size: 100vw 100vh;
      font-family: arial;
      color: #fff;
      background-attachment: fixed;
      margin:0;
      }

    form {
      width: 400px;
      margin:auto;
      padding: 10px 20px;
      background: rgba(0,0,0,0.4);
      box-sizing: border-box;
      border-radius: 7px;
      color: black;
    }

    h1{
      color: #fff;
      text-align: center;
      font-size: 30px;
      margin-bottom: 10px;
    }

    legend{
      color: black;
    }

    label{
      color: black;
      display: block; /*Obliga a cada opción a ocupar una linea al 100% estando uno sobre otro*/
    }

    input, textarea{
      width: 100%;
      margin-bottom: 12px;
    }

    input[type="radio"],
    input[type="checkbox"]{
      width: initial;
    }

<!-- language: lang-html -->

    <fieldset>
        <legend>Sports practice? </legend>
        <label>
            <input type="radio" name="option" value="yes">
            Yes
        </label>
        <label>
            <input type="radio" name="option" value="no"> 
            No
        </label>
        <label>
            <input type="radio" name="option" value="sometimes"> 
            Sometimes
        </label>
    </fieldset>

<!-- end snippet -->