sloane baby

/*
<head>
    <title>sloane baby</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
  </head>
    * (
        border: 1px solid orange;
    )
    
    main ( max-width: 1500px; background: black)
    main { max-width: 1500px; }
	section { max-width: 1000px; margin: 10px auto; padding: 0 20px; }
    
    <p style="color: white"> */

body{
    background-color: black;
    color: hotpink;
}

video{

    position: absolute;
    left: 400px;
    top: 200px;    
}


body{
    font-family: sans-serif;
  
}

#squiggles{
/*    text-transform: uppercase;*/
    position: absolute;
    left: 300px;
    top: 10px;   
    width: 100px;
    height: 100px
/*    color: #df588c;*/
/*        ASK PROF IN CLASS WHY WIDTH AND HEIGHT DOESNT WORK UGH*/
}


#butterfly{
    position: absolute;
    width: 300px;
    height: 200px;
    left: 0px;
    top: 350px;
  
}

#scorpion{
    position: absolute;
    width: 200px;
    height: 200px;
    left: 300px;
    top: 700px;
}

#astralproject{
    position: absolute;
    width: 200px;
    height: 200px;
    left: 950px;
    top: 700px;
}

article{
    position: absolute;
    left: 450px;
    top: 1200px;
}

h2{ 
    text-transform: capitalize;
    position: absolute;
    left: 500px;
    top: 1100px;   
    font-family: sans-serif;
    font-size: 30px;
}

nav{
     position: absolute;
    left: 480px;
    top: 1150px;
}

hr{
    width: 1300px;
}

footer{
    position: absolute;
    left: auto;
    top: 2000px;
}