Nube I

Lección 4 de 18 del curso Nubes en movimiento - Proyecto de HTML/CSS/JS de Coddy.

Desafío

Fácil

En el archivo HTML, crea un div dentro de #container con el nombre de clase "cloud".

En el archivo CSS, selecciona el nuevo div cloud y establece:

width a 200px
height a 80px
color de fondo de tu elección (¡recuerda, es la nube!)
border radius de 40px
position a absolute (porque queremos jugar con la posición de la nube libremente)

Además, establece el margin a 100px o más para que puedas ver la nube completamente en las próximas lecciones (eliminaremos este margen más adelante).

Pruébalo tú mismo

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