Input!

boa noite, a label e o input não está selecionando, eu clico e não acontece nada!

html:

</head>
<body>

    <header>
        <div class="informacao">
        Geovane Santana<br>
        <div id="desenvolvedor"> desenvolvedor </div>
        </div>
        <h1>olá<img src="Geovane (1).png"></h1>

    </header>

    <main>
        <section class="description">
        <h2 class="title-about">about</h2>
        <p class="content-about">Meu nome é Geovane, tenho 24 anos e moro na Saúde - SP.<br>Sou Desenvolvedor Web formado pela escola Alura <br> e busco estágiio na área de desenvolvimento web.<br>Possuo conhecimento em <strong>HTML</strong>, <strong>CSS</strong>, <strong>PHP</strong> e<strong>JavaScript</strong>.</p>
          </section>

          <form>
              <h3>contato</h3>

              <div class="r">
                <label for="nome">nome</label>
                  <input type="text" id="nome">
              </div>
          </form>


    </main>

    <footer>

    </footer>

</body>

css:

body { background-image: url(“fundo.jpeg”); background-repeat: no-repeat; background-size: cover;

}

.informacao {

margin: 40px 100px;

}

#desenvolvedor { margin: 0 20px;

}

h1 { padding: 40px 200px 80px; font-size: 70px;

}

img { position: absolute; top: 0px; left: 200px; margin: 100px 0px 0px; width: 1000px; background-size: 100px;

}

main { width: 90%; margin: 600px 50px; }

.description { font-family: Arial; display: flex; flex-direction: column; justify-content: center; align-items: center; color: rgba(0, 0, 0, 0.9) }

.description .title-about::after { content: “”; display: block; width: 1.2em; height: 0.1em; margin: 10px auto; background-color: #cd2c51; }

.title-about { font-size: 1.7em; color: rgba(0, 0, 0, 0.8) }

.content-about { text-align: center; line-height: 2em; } h3 { text-align: center; margin: 50px; font-size: 20px; } input { border: none; border-botton: solid green; }

.r { text-align: center; }

https://drive.google.com/file/d/1m5lzchHQUa2Lr--Sf1_g8neMMEM1hMLY/view?usp=sharing