Nuvem I

Lição 4 de 18 do curso Nuvens em Movimento - Projeto HTML/CSS/JS da Coddy.

Desafio

Fácil

No arquivo HTML, crie uma div dentro de #container com o nome da classe "cloud".

No arquivo CSS, selecione a nova div cloud e defina:

width como 200px
height como 80px
cor de fundo de sua escolha (lembre-se, é a nuvem!)
border radius de 40px
position como absolute (porque queremos manipular a posição da nuvem livremente)

Além disso, defina o margin para 100px ou mais para que você veja a nuvem completamente nas próximas lições (removeremos essa margem mais tarde).

Experimente você mesmo

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>