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