Não estou conseguindo aplicar efeitos do css no html

Front-end
#1

digito o código na pasta estilo.css para alterar o cor do fundo da página, mas na página html não faz a mudança.
digitei conforme abaixo:
estilo.css
body,
html{
** background: #60a3bc;**
** margin: 0;**
** padding: 0;**
** height: 100%;**
}

na página html digitado conforme abaixo:

mas quando executo o arquivo não altera a cor, fiz o teste para a fonte da letra e tbm não funciona

#2

Qual?

Quando for postar código, favor utilizar a ferramenta que o fórum disponibiliza para isso.
Selecione o trecho de código e clique no botão </> acima do editor.

#3 
body, 
html{
	background: #60a3bc;
	margin: 0;
	padding: 0;
	height: 100%;
}

Supondo que o diretório que o index.html não esteja diretório raiz…

<!DOCTYPE html>
<html lang="pt-BR">
	<head>
		<meta charset="UTF-8">
		<meta name="application-name" content="Teste">
		<meta name="description" content="CSS externo">
		<meta name="keywords" content="HTML, CSS">
		<meta name="generator" content="notepad++ v.7.7.1">
		<meta name="author" content="von Dschungel">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- Para voltar uma pasta usa-se dois pontos -->
		<link rel="stylesheet" text="text/css" href="../css/estilo.css">
		<title></titile>
	</head>
	<body>
		<p>Teste</p>
	</body>
</html>

Para mais detalhes, consulte: W3Schools - CSS, How To.

#4

Aqui você está dizendo que o arquivo css está um nível abaixo do html, num diretório chamado css em um arquivo chamado estilo.css.
É isso mesmo?

|-- o_arquivo.html
|-css
  |-estilo.css

É isso mesmo?

#5

Não, talvez tenha me expressado mal. Um nível acima (o diretório do css), supondo que o index dele não esteja na pasta raiz.
<!-- Para voltar uma pasta usa-se dois pontos -->

Atualizei, creio que agora tenha ficado mais claro o que eu quis dizer. Algo como isso:

|-- projeto
	|-- css
		|-- estilo.css
	
	|-- paginas
		|-- index.html
#6

Fiz a alteração no código, mas não funcionou. meu código está conforme abaixo no HTML

Login Portal Q-Cursos 
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<link rel="stylesheet" text="text/css" href="../css/estilo-login.css">

<style type="text/css">

h1 {font-size: 30px; font-family: arial}
h2 {font-size: 15px; font-family: courier}
p {font-size: 8px; font-family: times new roman}

<div class="container h-100">
	<div class="d-flex justify-content-center h-100">
		<div class="logo_circular">
			
			<img src="img/logo.png">

		</div>

	</div>

</div>

na pasta css esta conforme abaixo:
body,
html{
background: #60a3bc;
margin: 0;
padding: 0;
height: 100%;
}
.logo_circular{

}

#7

Glória a Deus consegui tirei os 2 pontos e a barra da frente do css

Valeu galera obrigado pela ajuda que Deus abençoe a tds, estou começando na programação faço sistema de informação